diff --git a/apps/mobile/src/components/AnimatedRefreshIcon.tsx b/apps/mobile/src/components/AnimatedRefreshIcon.tsx index 844c6f4be..67cf8b705 100644 --- 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,6 +10,7 @@ type AnimatedRefreshIconProps = { isSyncing: boolean; eventElementId: string; eventName: string; + style?: ViewProps['style']; }; export function AnimatedRefreshIcon({ @@ -16,6 +18,7 @@ export function AnimatedRefreshIcon({ 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 new file mode 100644 index 000000000..3c6c75540 --- /dev/null +++ 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 ( + + + + ); +} diff --git a/apps/mobile/src/icons/CheckboxIcon.tsx b/apps/mobile/src/icons/CheckboxIcon.tsx index b94dbde0e..dee4aadba 100644 --- a/apps/mobile/src/icons/CheckboxIcon.tsx +++ b/apps/mobile/src/icons/CheckboxIcon.tsx @@ -10,7 +10,6 @@ export function CheckboxIcon(props: SvgProps) { return ( - ); }