Fix GrSync icon

src/app/(auth-state)/admin/photos/page.tsx

@@ -29,7 +29,7 @@ import EditButton from '@/admin/EditButton';
 import BlobUrls from '@/admin/BlobUrls';
 import { PRO_MODE_ENABLED } from '@/site/config';
 import SubmitButtonWithStatus from '@/components/SubmitButtonWithStatus';
-import { GrSync } from 'react-icons/gr';
+import IconGrSync from '@/site/IconGrSync';
 
 export const runtime = 'edge';
 
@@ -125,10 +125,9 @@ export default async function AdminTagsPage({
                       }
                     >
                       <input type="hidden" name="id" value={photo.id} />
-                      <SubmitButtonWithStatus icon={<GrSync
-                        size={15}
-                        className="translate-y-[-0.5px]"
-                      />} />
+                      <SubmitButtonWithStatus
+                        icon={<IconGrSync className="translate-y-[-0.5px]" />}
+                      />
                     </FormWithConfirm>
                     <FormWithConfirm
                       action={deletePhotoAction}

src/photo/PhotoEditPageClient.tsx

@@ -8,8 +8,8 @@ import { PhotoFormData, convertPhotoToFormData } from './form';
 import PhotoForm from './PhotoForm';
 import { useFormState } from 'react-dom';
 import { getExifDataAction } from './actions';
-import { GrSync } from 'react-icons/gr';
 import { areSimpleObjectsEqual } from '@/utility/object';
+import IconGrSync from '@/site/IconGrSync';
 
 export default function PhotoEditPageClient({
   photo,
@@ -39,10 +39,7 @@ export default function PhotoEditPageClient({
         <form action={action}>
           <input name="photoUrl" value={photo.url} hidden readOnly />
           <SubmitButtonWithStatus
-            icon={<GrSync
-              size={15}
-              className="translate-y-[0.5px] mr-[4px]"
-            />}
+            icon={<IconGrSync className="translate-y-[0.5px] mr-[4px]"/>}
           >
             EXIF
           </SubmitButtonWithStatus>

src/site/IconGrSync.tsx

@@ -0,0 +1,26 @@
+export default function IconGrSync({
+  className,
+}: {
+  className?: string
+}) {
+  return (
+    <svg
+      stroke="currentColor"
+      fill="currentColor"
+      className={className}
+      stroke-width="0"
+      viewBox="0 0 24 24"
+      height="15"
+      width="15"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        // eslint-disable-next-line max-len
+        d="M5,19 L16,19 C19.866,19 23,15.866 23,12 L23,9 M8,15 L4,19 L8,23 M19,5 L8,5 C4.134,5 1,8.134 1,12 L1,15 M16,1 L20,5 L16,9"
+      ></path>
+    </svg>
+  );
+}