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 (
);
}