refactor FlairBadgeNotFoundIcon into ImageFileWarningIcon

updated a bunch of SVG props along with the rename
coralproject · Aug 25, 2023 · 55e4134 · 55e4134
1 parent 849a2ce
commit 55e4134
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 20 deletions.
diff --git a/src/core/client/admin/routes/Configure/sections/General/FlairBadgeImagePreview.tsx b/src/core/client/admin/routes/Configure/sections/General/FlairBadgeImagePreview.tsx
@@ -1,7 +1,7 @@
 import React, { FunctionComponent, useCallback, useState } from "react";
 
 import { SvgIcon } from "coral-ui/components/icons";
-import FlairNotFoundIcon from "coral-ui/components/icons/FlairNotFoundIcon";
+import ImageFileWarningIcon from "coral-ui/components/icons/ImageFileWarningIcon";
 
 import styles from "./FlairBadgeImagePreview.css";
 
@@ -20,7 +20,7 @@ export const FlairBadgeImagePreview: FunctionComponent<Props> = ({
   }, [setError]);
 
   return error ? (
-    <SvgIcon Icon={FlairNotFoundIcon} size="lg" />
+    <SvgIcon Icon={ImageFileWarningIcon} size="lg" />
   ) : (
     <img
       className={styles.imagePreview}

diff --git a/...ui/components/icons/FlairNotFoundIcon.tsx → ...components/icons/ImageFileWarningIcon.tsx b/...ui/components/icons/FlairNotFoundIcon.tsx → ...components/icons/ImageFileWarningIcon.tsx
@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from "react";
 
-const FlairNotFoundIcon: FunctionComponent = () => {
+const ImageFileWarningIcon: FunctionComponent = () => {
   // https://www.streamlinehq.com/icons/streamline-regular/files-folders/image-files/image-file-warning
   return (
     <svg
@@ -9,55 +9,55 @@ const FlairNotFoundIcon: FunctionComponent = () => {
       viewBox="-0.75 -0.75 48 48"
     >
       <path
-        stroke="#000000"
+        stroke="currentColor"
         d="M33.421875 40.6875a0.7265625 0.7265625 0 0 1 0 -1.453125"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         d="M33.421875 40.6875a0.7265625 0.7265625 0 0 0 0 -1.453125"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         d="M33.421875 34.875v-5.8125"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         d="M44.6845625 40.071374999999996a3.4351874999999996 3.4351874999999996 0 0 1 -3.0748124999999997 4.9755h-16.37575a3.4390625 3.4390625 0 0 1 -3.0748124999999997 -4.9755l8.187875 -16.3738125a3.437125 3.437125 0 0 1 6.1496249999999995 0l8.187875 16.3738125Z"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         d="M14.53125 39.234375H4.359375a2.90625 2.90625 0 0 1 -2.90625 -2.90625V4.359375a2.90625 2.90625 0 0 1 2.90625 -2.90625h20.593687499999998a2.90625 2.90625 0 0 1 2.05375 0.8505625l5.5645 5.5645a2.90625 2.90625 0 0 1 0.8505625 2.05375V15.984375"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         d="M10.171875 12.3515625a0.7265625 0.7265625 0 1 1 0 -1.453125"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         d="M10.171875 12.3515625a0.7265625 0.7265625 0 1 0 0 -1.453125"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
       <path
-        stroke="#000000"
+        stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         d="M24.9085 20.96375 21.796875 15.984375a1.4511875 1.4511875 0 0 0 -2.398625 -0.027125l-3.875 5.5218750000000005L13.13625 19.568749999999998a1.453125 1.453125 0 0 0 -2.1176874999999997 0.32743750000000005l-3.7529375000000003 7.71125h11.625"
-        strokeWidth="1.5"
+        strokeWidth="strokeWidth"
       ></path>
     </svg>
   );
 };
 
-export default FlairNotFoundIcon;
+export default ImageFileWarningIcon;
diff --git a/src/core/client/ui/components/icons/index.ts b/src/core/client/ui/components/icons/index.ts
@@ -77,3 +77,4 @@ export { default as TradingConversationIcon } from "./TradingConversationIcon";
 export { default as VideoPlayerIcon } from "./VideoPlayerIcon";
 export { default as ViewIcon } from "./ViewIcon";
 export { default as ViewOffIcon } from "./ViewOffIcon";
+export { default as ImageFileWarningIcon } from "./ImageFileWarningIcon";