瀏覽代碼

Change EditIcon to use svg from the figma designs

michalcesek 2 年之前
父節點
當前提交
a391eb2f92
共有 1 個文件被更改,包括 12 次插入35 次删除
  1. 12 35
      kafka-ui-react-app/src/components/common/Icons/EditIcon.tsx

+ 12 - 35
kafka-ui-react-app/src/components/common/Icons/EditIcon.tsx

@@ -1,42 +1,19 @@
-import React, { FC } from 'react';
-import { useTheme } from 'styled-components';
+import React from 'react';
+import styled, { useTheme } from 'styled-components';
 
-const EditIcon: FC = () => {
+const EditIcon: React.FC<{ className?: string }> = ({ className }) => {
   const theme = useTheme();
   return (
-    <svg
-      viewBox="0 0 64 64"
-      width="12"
-      height="12"
-      xmlns="http://www.w3.org/2000/svg"
-      aria-labelledby="title"
-      aria-describedby="desc"
-      role="img"
-    >
-      <title>Edit</title>
-      <desc>A line styled icon from Orion Icon Library.</desc>
-      <path
-        d="M54.368 17.674l6.275-6.267-8.026-8.025-6.274 6.267"
-        strokeWidth="2"
-        strokeMiterlimit="10"
-        stroke={theme.icons.editIcon}
-        fill="none"
-        data-name="layer2"
-        strokeLinejoin="round"
-        strokeLinecap="round"
-      />
-      <path
-        d="M17.766 54.236l36.602-36.562-8.025-8.025L9.74 46.211 3.357 60.618l14.409-6.382zM9.74 46.211l8.026 8.025"
-        strokeWidth="2"
-        strokeMiterlimit="10"
-        stroke={theme.icons.editIcon}
-        fill="none"
-        data-name="layer1"
-        strokeLinejoin="round"
-        strokeLinecap="round"
-      />
+    <svg width="13"
+         height="14"
+         viewBox="0 0 13 14"
+         className={className}
+         fill={theme.icons.editIcon.normal}
+         xmlns="http://www.w3.org/2000/svg">
+      <path d="M9.53697 1.15916C10.0914 0.60473 10.9886 0.602975 11.5408 1.15524L12.5408 2.15518C13.093 2.70745 13.0913 3.60461 12.5368 4.15904L10.3564 6.33944L7.35657 3.33956L9.53697 1.15916Z" />
+      <path d="M6.64946 4.04667L9.53674e-07 10.6961L0 13.696L2.99988 13.696L9.64934 7.04655L6.64946 4.04667Z" />
     </svg>
   );
 };
 
-export default EditIcon;
+export default styled(EditIcon)``;