Add edit icon, modify Pipelines and Delivery icons for EE dark mode (#…

…3781) * add edit icon, delete dup policies icons * restore dupe policy icons * edit policies and delivery icons * import order in icon
weaveworks · Jun 13, 2023 · c03f89d · c03f89d
1 parent 63b8090
commit c03f89d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 17 deletions.
diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx
@@ -1,44 +1,45 @@
 import AddIcon from "@material-ui/icons/Add";
-import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
 import ArrowDownwardRoundedIcon from "@material-ui/icons/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@material-ui/icons/ArrowUpwardRounded";
+import ArrowDropDownIcon from "@material-ui/icons/ArrowDropDown";
 import ArrowUpwardIcon from "@material-ui/icons/ArrowUpward";
-import KeyboardArrowRightIcon from "@material-ui/icons/KeyboardArrowRight";
-import KeyboardArrowDownIcon from "@material-ui/icons/KeyboardArrowDown";
+import ArrowUpwardRoundedIcon from "@material-ui/icons/ArrowUpwardRounded";
+import CallMade from "@material-ui/icons/CallMade";
+import CallReceived from "@material-ui/icons/CallReceived";
 import CheckCircleIcon from "@material-ui/icons/CheckCircle";
 import ClearIcon from "@material-ui/icons/Clear";
 import DeleteIcon from "@material-ui/icons/Delete";
+import EditIcon from "@material-ui/icons/Edit";
 import ErrorIcon from "@material-ui/icons/Error";
 import LogoutIcon from "@material-ui/icons/ExitToApp";
 import FileCopyIcon from "@material-ui/icons/FileCopyOutlined";
 import FilterIcon from "@material-ui/icons/FilterList";
 import HourglassFullIcon from "@material-ui/icons/HourglassFull";
+import KeyboardArrowDownIcon from "@material-ui/icons/KeyboardArrowDown";
+import KeyboardArrowRightIcon from "@material-ui/icons/KeyboardArrowRight";
 import LaunchIcon from "@material-ui/icons/Launch";
 import NavigateBeforeIcon from "@material-ui/icons/NavigateBefore";
 import NavigateNextIcon from "@material-ui/icons/NavigateNext";
 import PauseIcon from "@material-ui/icons/Pause";
 import PersonIcon from "@material-ui/icons/Person";
 import PlayIcon from "@material-ui/icons/PlayArrow";
-import RemoveCircleIcon from "@material-ui/icons/RemoveCircle";
-import CallReceived from "@material-ui/icons/CallReceived";
-import CallMade from "@material-ui/icons/CallMade";
-import Remove from "@material-ui/icons/Remove";
-import VerifiedUser from "@material-ui/icons/VerifiedUser";
 import Policy from "@material-ui/icons/Policy";
+import Remove from "@material-ui/icons/Remove";
+import RemoveCircleIcon from "@material-ui/icons/RemoveCircle";
 import SaveAltIcon from "@material-ui/icons/SaveAlt";
 import SearchIcon from "@material-ui/icons/Search";
 import SkipNextIcon from "@material-ui/icons/SkipNext";
 import SkipPreviousIcon from "@material-ui/icons/SkipPrevious";
+import VerifiedUser from "@material-ui/icons/VerifiedUser";
 import * as React from "react";
 import styled from "styled-components";
 import images from "../lib/images";
-import DocsIcon from "./NavIcons/DocsIcon";
 // eslint-disable-next-line
 import { colors, fontSizes, spacing } from "../typedefs/styled";
 import Flex from "./Flex";
 import ApplicationsIcon from "./NavIcons/ApplicationsIcon";
 import ClustersIcon from "./NavIcons/ClustersIcon";
 import DeliveryIcon from "./NavIcons/DeliveryIcon";
+import DocsIcon from "./NavIcons/DocsIcon";
 import ExploreIcon from "./NavIcons/ExploreIcon";
 import FluxIcon from "./NavIcons/FluxIcon";
 import GitOpsRunIcon from "./NavIcons/GitOpsRunIcon";
@@ -110,6 +111,7 @@ export enum IconType {
   CallReceived,
   CallMade,
   Remove,
+  EditIcon,
   VerifiedUser,
   Policy,
 }
@@ -258,6 +260,12 @@ function getIcon(i: IconType) {
     case IconType.PolicyConfigsIcon:
       return PolicyConfigsIcon;
 
+    case IconType.VerifiedUser:
+      return VerifiedUser;
+
+    case IconType.Policy:
+      return Policy;
+
     case IconType.SecretsIcon:
       return SecretsIcon;
 
@@ -282,11 +290,8 @@ function getIcon(i: IconType) {
     case IconType.Remove:
       return Remove;
 
-    case IconType.VerifiedUser:
-      return VerifiedUser;
-
-    case IconType.Policy:
-      return Policy;
+    case IconType.EditIcon:
+      return EditIcon;
 
     default:
       break;

diff --git a/ui/components/NavIcons/DeliveryIcon.tsx b/ui/components/NavIcons/DeliveryIcon.tsx
@@ -26,7 +26,7 @@ function DeliveryIcon() {
           d="m11.95,13.98c.21,0,.37.04.44.08l5.82,2.91-5.82,2.91c-.07.04-.23.08-.45.08s-.37-.04-.45-.08l-5.81-2.89,5.81-2.92c.07-.04.23-.08.45-.08m0-1c-.33,0-.65.06-.9.19l-6.7,3.37c-.49.25-.49.65,0,.89l6.71,3.34c.25.12.57.18.89.18s.65-.06.9-.18l6.71-3.36c.49-.25.49-.65,0-.89l-6.72-3.36c-.25-.12-.57-.18-.89-.18h0Z"
         />
       </g>
-      <rect fill="white" x="9.93" y="4.01" width="4.01" height="5.44" />
+      <rect fill="none" x="9.93" y="4.01" width="4.01" height="5.44" />
       <path
         className="path-fill"
         d="m11.95,8.96c-.28,0-.5-.22-.5-.5s.22-.52.5-.52.5.2.5.48v.04c0,.28-.22.5-.5.5Zm0-1.76c-.28,0-.5-.22-.5-.5s.22-.52.5-.52.5.2.5.48v.04c0,.28-.22.5-.5.5Z"

diff --git a/ui/components/NavIcons/PipelinesIcon.tsx b/ui/components/NavIcons/PipelinesIcon.tsx
@@ -12,7 +12,7 @@ function PipelinesIcon() {
         d="m16.28,12.15h0,0m-.41.41c.63,1.23.41,2.77-.59,3.78l-1.85,1.85-.76-2.43,1.02-1.02,2.18-2.18m.08-1.28c-.13,0-.27.05-.37.15l-2.6,2.6-1.29,1.28c-.14.14-.16.17-.1.36l1.12,3.56c.08.23.29.36.5.36.13,0,.27-.05.37-.15l2.4-2.4c1.51-1.51,1.64-3.87.4-5.54-.11-.15-.27-.22-.44-.22h0Z"
       />
       <path
-        fill="white"
+        fill="none"
         d="m8.43,11.79c.49-1.48,1.38-2.87,2.65-4.13,2.59-2.58,5.15-3.12,6.84-3.12.64,0,1.13.08,1.41.14.21.98.65,4.54-2.98,8.23-1.26,1.28-2.65,2.18-4.13,2.67l-3.79-3.79Z"
       />
       <path