TMA 700, Lock image added

5 files changed, 15 insertions, 21 deletions

diff --git a/src/assets/images/settings/lock-white.png b/src/assets/images/settings/lock-white.png
new file mode 100644
index 00000000..04a0a55d
--- /dev/null
+++ b/src/assets/images/settings/lock-white.png
diff --git a/src/assets/images/settings/lock-white@2x.png b/src/assets/images/settings/lock-white@2x.png
new file mode 100644
index 00000000..b1927922
--- /dev/null
+++ b/src/assets/images/settings/lock-white@2x.png
diff --git a/src/assets/images/settings/lock-white@3x.png b/src/assets/images/settings/lock-white@3x.png
new file mode 100644
index 00000000..da9ac212
--- /dev/null
+++ b/src/assets/images/settings/lock-white@3x.png
diff --git a/src/screens/profile/PrivacyScreen.tsx b/src/screens/profile/PrivacyScreen.tsx
index e92769fc..eea0230a 100644
--- a/src/screens/profile/PrivacyScreen.tsx
+++ b/src/screens/profile/PrivacyScreen.tsx
@@ -10,7 +10,7 @@ import {
   View,
 } from 'react-native';
 import {SafeAreaView} from 'react-native-safe-area-context';
-import {normalize} from '../../utils/layouts';
+import {normalize, SCREEN_WIDTH} from '../../utils/layouts';
 import {Background} from '../../components';
 import {BackgroundGradientType} from '../../types';
 import {logout} from '../../store/actions';
@@ -25,7 +25,7 @@ const DATA = [
     data: [
       {
         title: 'Account Type',
-        preimage: require('../../assets/images/tagg-logo.png'),
+        preimage: require('../../assets/images/settings/lock-white.png'),
         postimage: require('../../assets/images/settings/white-arrow.png'),
       },
       {
@@ -38,30 +38,16 @@ const DATA = [
 ];
 
 const PrivacyScreen: React.FC = () => {
-  const dispatch = useDispatch();
   const navigation = useNavigation();
-  const {suggested_people_linked} = useSelector(
-    (state: RootState) => state.user.profile,
-  );
-  const goToUpdateSPProfile = () => {
-    if (suggested_people_linked === 0) {
-      Alert.alert(ERROR_ATTEMPT_EDIT_SP);
-    } else {
-      // Sending undefined for updatedSelectedBadges to mark that there was no update yet
-      navigation.navigate('UpdateSPPicture', {
-        editing: true,
-      });
-    }
-  };
 
   const getActions = (type: string) => {
     switch (type) {
       case 'Account Type':
         navigateTo('AccountTypeScreen', {});
-        break
+        break;
       case 'Blocked Accounts':
         navigateTo('Blocked Accounts', {});
-        break
+        break;
       default:
         break;
     }
@@ -81,7 +67,11 @@ const PrivacyScreen: React.FC = () => {
     postimage: number;
   }) => (
     <TouchableOpacity onPress={() => getActions(title)} style={styles.item}>
-      <Image style={{width: 15, height: 15}} source={preimage} />
+      <Image
+        resizeMode={'cover'}
+        style={{width: SCREEN_WIDTH * 0.05, height: SCREEN_WIDTH * 0.05}}
+        source={preimage}
+      />
       <View style={{marginLeft: 40}}>
         <Text style={styles.title}>{title}</Text>
       </View>
diff --git a/src/screens/profile/SettingsScreen.tsx b/src/screens/profile/SettingsScreen.tsx
index 79633572..f9d437d0 100644
--- a/src/screens/profile/SettingsScreen.tsx
+++ b/src/screens/profile/SettingsScreen.tsx
@@ -10,7 +10,7 @@ import {
   View,
 } from 'react-native';
 import {SafeAreaView} from 'react-native-safe-area-context';
-import {normalize} from '../../utils/layouts';
+import {normalize, SCREEN_WIDTH} from '../../utils/layouts';
 import {Background} from '../../components';
 import {BackgroundGradientType} from '../../types';
 import {logout} from '../../store/actions';
@@ -102,7 +102,11 @@ const SettingsScreen: React.FC = () => {
     postimage: number;
   }) => (
     <TouchableOpacity onPress={() => getActions(title)} style={styles.item}>
-      <Image style={{width: 15, height: 15}} source={preimage} />
+      <Image
+        resizeMode={'cover'}
+        style={{width: SCREEN_WIDTH * 0.05, height: SCREEN_WIDTH * 0.05}}
+        source={preimage}
+      />
       <View style={{marginLeft: 40}}>
         <Text style={styles.title}>{title}</Text>
       </View>