[PAY-1440][PAY-1441] Mobile inbox settings UI fixes (#3571)

AudiusProject · Jun 12, 2023 · 6be0c64 · 6be0c64
1 parent 001007e
commit 6be0c64
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/packages/mobile/src/screens/settings-screen/InboxSettingsScreen.tsx b/packages/mobile/src/screens/settings-screen/InboxSettingsScreen.tsx
@@ -67,6 +67,9 @@ const useStyles = makeStyles(({ spacing, palette, typography }) => ({
     borderBottomColor: palette.neutralLight7,
     borderBottomWidth: 2,
     borderBottomLeftRadius: 1
+  },
+  scrollContainer: {
+    backgroundColor: palette.white
   }
 }))
 
@@ -112,8 +115,8 @@ export const InboxSettingsScreen = () => {
       icon={IconMessage}
     >
       <ScreenContent>
-        <ScrollView>
-          {options.map((opt) => (
+        <ScrollView style={styles.scrollContainer}>
+          {options.map((opt, index) => (
             <TouchableOpacity
               onPress={() => {
                 const newPermission = opt.value as ChatPermission
@@ -122,7 +125,15 @@ export const InboxSettingsScreen = () => {
               key={opt.title}
             >
               <View style={styles.settingsRow}>
-                <View style={styles.settingsContent}>
+                <View
+                  style={[
+                    styles.settingsContent,
+                    // Hide bottom border on last element
+                    index === options.length - 1
+                      ? { borderBottomWidth: 0 }
+                      : null
+                  ]}
+                >
                   <View style={styles.radioTitleRow}>
                     <RadioButton
                       checked={localPermission === opt.value}