Make settings layout mobile friendly. Make avatar clickable (#38)

eronka · Jun 5, 2024 · 717f0ae · 717f0ae
1 parent c5092dc
commit 717f0ae
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/screens/SettingsScreens/AccountSettingsScreen.tsx b/src/screens/SettingsScreens/AccountSettingsScreen.tsx
@@ -11,7 +11,7 @@ import {
 import { SettingsLayout } from "./components/SettingsLayout";
 import { useMemo, useState } from "react";
 import { useUser } from "../../hooks";
-import { ActivityIndicator, View } from "react-native";
+import { ActivityIndicator, Pressable, View } from "react-native";
 import * as ImagePicker from "expo-image-picker";
 import { useScreenInfo } from "../../hooks/useScreenInfo";
 import { useUpdateProfilePicture } from "../../hooks/useUpdateProfilePicture";
@@ -50,10 +50,12 @@ const SettingItem = ({
             (isImageLoading ? (
               <ActivityIndicator />
             ) : (
-              <Avatar size={84} userImage={imageUrl} />
+              <Pressable onPress={onButtonPress}>
+                <Avatar size={84} userImage={imageUrl} />
+              </Pressable>
             ))}
         </View>
-        <View className="text-wrap flex">
+        <View className="text-wrap shrink">
           <StyledText weight={600} xl2>
             {title}
           </StyledText>