fix(dashboard): Eliminate React warnings on SVG props

novuhq · Dec 4, 2024 · 17eaa75 · 17eaa75
1 parent d1c3865
commit 17eaa75
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 23 deletions.
diff --git a/apps/dashboard/src/components/icons/flags/eu.tsx b/apps/dashboard/src/components/icons/flags/eu.tsx
@@ -1,7 +1,7 @@
 export function EuFlag(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <g id="European Union" clip-path="url(#clip0_6850_193107)">
+      <g id="European Union" clipPath="url(#clip0_6850_193107)">
         <path
           id="Vector"
           d="M5 10C7.76142 10 10 7.76142 10 5C10 2.23858 7.76142 0 5 0C2.23858 0 0 2.23858 0 5C0 7.76142 2.23858 10 5 10Z"

diff --git a/apps/dashboard/src/components/icons/opt-in-arrow.tsx b/apps/dashboard/src/components/icons/opt-in-arrow.tsx
@@ -6,7 +6,7 @@ export const OptInArrow = (props: HTMLAttributes<HTMLOrSVGElement>) => {
       <path
         d="M7 65.7276C11.3062 66.8823 25.7351 69.45 26.0443 60.8367C26.1319 58.3972 23.3702 54.4428 20.443 55.822C16.5397 57.6612 20.5868 62.494 23.2437 63.0655C30.243 64.5709 36.5796 57.4272 38.336 51.4573C39.8111 46.444 38.6183 40.9473 36.8112 36.1965C35.9635 33.9679 34.2644 32.4464 33.326 30.3459C31.8742 27.0965 35.4308 30.6525 37.2158 31.4294C40.8631 33.0167 34.8603 30.6219 33.606 30.0673C31.5365 29.1524 30.6469 34.7193 29.9652 36.7537"
         stroke="#1FC16B"
-        stroke-linecap="round"
+        strokeLinecap="round"
       />
     </svg>
   );

diff --git a/apps/dashboard/src/components/icons/plug.tsx b/apps/dashboard/src/components/icons/plug.tsx
@@ -7,49 +7,49 @@ export function Plug(props: React.ComponentPropsWithoutRef<'svg'>) {
             id="Vector"
             d="M1 24.9906L3.95687 22.0337"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <path
             id="Vector_2"
             d="M5.7569 11.7485L3.95685 13.5486C2.83146 14.674 2.19922 16.2003 2.19922 17.7919C2.19922 19.3834 2.83146 20.9098 3.95685 22.0352C5.08225 23.1606 6.60861 23.7928 8.20016 23.7928C9.7917 23.7928 11.3181 23.1606 12.4435 22.0352L14.2435 20.2351L5.7569 11.7485Z"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <path
             id="Vector_3"
             d="M24.9998 0.990234L22.043 3.94711"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <path
             id="Vector_4"
             d="M20.2434 14.2357L22.0435 12.4356C23.1689 11.3103 23.8011 9.78389 23.8011 8.19234C23.8011 6.6008 23.1689 5.07443 22.0435 3.94904C20.9181 2.82365 19.3917 2.19141 17.8002 2.19141C16.2086 2.19141 14.6823 2.82365 13.5569 3.94904L11.7568 5.74908L20.2434 14.2357Z"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <path
             id="Vector_5"
             d="M10.6003 11.7905L8.2002 14.1906"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
           <path
             id="Vector_6"
             d="M14.1999 15.3906L11.7998 17.7907"
             stroke="#DD2450"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
           />
         </g>
       </g>

diff --git a/apps/dashboard/src/components/icons/shield-zap.tsx b/apps/dashboard/src/components/icons/shield-zap.tsx
@@ -13,9 +13,9 @@ export function ShieldZap(props: React.ComponentPropsWithoutRef<'svg'>) {
           id="Icon"
           d="M14.083 8.11513L10.833 11.3651L15.1663 13.5318L11.9163 16.7818M21.6663 12.9901C21.6663 18.3076 15.8662 22.1751 13.7558 23.4063C13.516 23.5462 13.3961 23.6161 13.2268 23.6524C13.0955 23.6806 12.9039 23.6806 12.7725 23.6524C12.6033 23.6161 12.4834 23.5462 12.2435 23.4063C10.1331 22.1751 4.33301 18.3076 4.33301 12.9901V7.8092C4.33301 6.94306 4.33301 6.51 4.47466 6.13773C4.59981 5.80887 4.80316 5.51544 5.06714 5.28279C5.36596 5.01944 5.77146 4.86738 6.58245 4.56326L12.3911 2.38503C12.6163 2.30057 12.7289 2.25835 12.8447 2.24161C12.9475 2.22676 13.0519 2.22676 13.1546 2.24161C13.2705 2.25835 13.3831 2.30057 13.6083 2.38503L19.4169 4.56326C20.2279 4.86738 20.6334 5.01944 20.9322 5.28279C21.1962 5.51544 21.3995 5.80887 21.5247 6.13773C21.6663 6.51 21.6663 6.94306 21.6663 7.8092V12.9901Z"
           stroke="#DD2450"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
       </g>
     </svg>