Added selector icon

gallery-so · Apr 29, 2024 · 35e47fc · 35e47fc
1 parent 3608b11
commit 35e47fc
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/apps/mobile/src/components/AnimatedRefreshIcon.tsx b/apps/mobile/src/components/AnimatedRefreshIcon.tsx
@@ -1,4 +1,5 @@
 import { useCallback } from 'react';
+import { ViewProps } from 'react-native';
 import { RefreshIcon } from 'src/icons/RefreshIcon';
 
 import { IconContainer } from '~/components/IconContainer';
@@ -9,13 +10,15 @@ type AnimatedRefreshIconProps = {
   isSyncing: boolean;
   eventElementId: string;
   eventName: string;
+  style?: ViewProps['style'];
 };
 
 export function AnimatedRefreshIcon({
   onSync,
   isSyncing,
   eventElementId,
   eventName,
+  style,
 }: AnimatedRefreshIconProps) {
   const handleSync = useCallback(async () => {
     if (isSyncing) return;
@@ -30,7 +33,7 @@ export function AnimatedRefreshIcon({
       eventElementId={eventElementId}
       eventName={eventName}
       eventContext={contexts.Posts}
-      style={{ opacity: isSyncing ? 0.3 : 1 }}
+      style={[{ opacity: isSyncing ? 0.3 : 1 }, style]}
     />
   );
 }
diff --git a/apps/mobile/src/icons/CheckIcon.tsx b/apps/mobile/src/icons/CheckIcon.tsx
@@ -0,0 +1,9 @@
+import Svg, { Path, SvgProps } from 'react-native-svg';
+
+export function CheckIcon(props: SvgProps) {
+  return (
+    <Svg width={16} height={15} fill="none" {...props}>
+      <Path stroke="#FEFEFE" strokeMiterlimit={10} strokeWidth={0.9} d="m5.6 7 1.8 1.8 3-3" />
+    </Svg>
+  );
+}
diff --git a/apps/mobile/src/icons/CheckboxIcon.tsx b/apps/mobile/src/icons/CheckboxIcon.tsx
@@ -10,7 +10,6 @@ export function CheckboxIcon(props: SvgProps) {
   return (
     <Svg width={18} height={18} viewBox="0 0 18 18" fill="none" {...props}>
       <Path d="M5 8.5l3 3 5-5" stroke={stroke} strokeMiterlimit={10} />
-      <Path stroke={stroke} d="M0.5 0.5H17.5V17.5H0.5z" />
     </Svg>
   );
 }