refactor: memoized value

Signed-off-by: Bryce McMath <[email protected]>
bcgov · Dec 16, 2024 · aed2b67 · aed2b67
1 parent d4482d0
commit aed2b67
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/src/screens/Splash.tsx b/app/src/screens/Splash.tsx
@@ -373,6 +373,14 @@ const Splash = () => {
     }
   }
 
+  const secondaryCallToActionIcon = useMemo(
+    () =>
+      reported ? (
+        <Icon style={{ marginRight: 8 }} name={'check-circle'} size={18} color={ColorPallet.semantic.success} />
+      ) : undefined,
+    [reported, ColorPallet.semantic.success]
+  )
+
   return (
     <SafeAreaView style={styles.screenContainer}>
       <ScrollView contentContainerStyle={styles.scrollContentContainer}>
@@ -394,7 +402,7 @@ const Splash = () => {
                 onCallToActionPressed={handleErrorCallToActionPressed}
                 secondaryCallToActionTitle={reported ? t('Error.Reported') : t('Error.ReportThisProblem')}
                 secondaryCallToActionDisabled={reported}
-                secondaryCallToActionIcon={reported ? <Icon style={{ marginRight: 8 }} name={'check-circle'} size={18} color={ColorPallet.semantic.success} /> : undefined}
+                secondaryCallToActionIcon={secondaryCallToActionIcon}
                 secondaryCallToActionPressed={initError ? report : undefined}
                 showVersionFooter
               />