update icons

NMF-earth · Apr 22, 2024 · 2e8b6f2 · 2e8b6f2
1 parent 9e948d3
commit 2e8b6f2
Show file tree

Hide file tree

Showing 39 changed files with 299 additions and 210 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,5 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   }
 }
diff --git a/app/components/Accordion/Accordion.tsx b/app/components/Accordion/Accordion.tsx
@@ -20,7 +20,7 @@ interface AccordionProps {
 const Item: FC<ItemProps> = ({ title, children, isFirst, isOpen, onTitlePress }) => (
   <View style={[itemStyles.container, isFirst && itemStyles.firstContainer]}>
     <Pressable style={itemStyles.titleContainer} onPress={onTitlePress}>
-      <Ionicons name={isOpen ? "chevron-down" : "chevron-up"} size={22} style={itemStyles.icon} />
+      <Ionicons suppressHighlighting={true} name={isOpen ? "chevron-down" : "chevron-up"} size={22} style={itemStyles.icon} />
 
       <Text.H3 style={itemStyles.titleText}>{title}</Text.H3>
     </Pressable>

diff --git a/app/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap b/app/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap
@@ -70,6 +70,7 @@ exports[`Accordion renders correctly 1`] = `
             "color": "#3957D0",
           }
         }
+        suppressHighlighting={true}
       />
       <Text.H3
         style={
@@ -145,6 +146,7 @@ exports[`Accordion renders correctly 1`] = `
             "color": "#3957D0",
           }
         }
+        suppressHighlighting={true}
       />
       <Text.H3
         style={

diff --git a/app/components/Button/Button.tsx b/app/components/Button/Button.tsx
@@ -36,6 +36,7 @@ const buttonFactory: ButtonFactory = (type) => (props) => {
   if (icon) {
     iconItem = (
       <Ionicons
+        suppressHighlighting={true}
         name={icon as keyof typeof Ionicons.glyphMap}
         size={24}
         style={mainStyle.mainIcon}

diff --git a/app/components/Button/__tests__/__snapshots__/Button.test.tsx.snap b/app/components/Button/__tests__/__snapshots__/Button.test.tsx.snap
@@ -194,6 +194,7 @@ exports[`renders correctly fullwidth Danger Button with icon 1`] = `
         "marginHorizontal": 10,
       }
     }
+    suppressHighlighting={true}
   />
 </TouchableOpacity>
 `;
@@ -287,6 +288,7 @@ exports[`renders correctly fullwidth Primary Button with icon 1`] = `
         "marginHorizontal": 10,
       }
     }
+    suppressHighlighting={true}
   />
 </TouchableOpacity>
 `;
@@ -380,6 +382,7 @@ exports[`renders correctly fullwidth Secondary Button with icon 1`] = `
         "marginHorizontal": 10,
       }
     }
+    suppressHighlighting={true}
   />
 </TouchableOpacity>
 `;
diff --git a/app/components/EmissionListItem/EmissionListItem.tsx b/app/components/EmissionListItem/EmissionListItem.tsx
@@ -29,7 +29,7 @@ interface EmissionListItemProps extends Partial<AnyEmission> {
 const EmissionListItem: React.FC<EmissionListItemProps> = ({
   isMitigated,
   name = "",
-  iconName = "md-car",
+  iconName = "car",
   title = "",
   co2value = 0,
   onPress,
@@ -45,6 +45,7 @@ const EmissionListItem: React.FC<EmissionListItemProps> = ({
       <View style={styles.iconContainer}>
         <View style={isMitigated ? styles.mitigatedCircle : styles.notMitigatedCircle} />
         <Ionicons
+          suppressHighlighting={true}
           name={iconName as keyof typeof Ionicons.glyphMap}
           size={22}
           style={styles.icon}
@@ -70,7 +71,8 @@ const EmissionListItem: React.FC<EmissionListItemProps> = ({
         </View>
       </View>
       <Ionicons
-        name={"ios-chevron-forward-outline"}
+        suppressHighlighting={true}
+        name={"chevron-forward-outline"}
         size={18}
         style={styles.icon}
         color={Colors.grey70}