Code optimization

Author: olafch

src/components/screens/profile/ProfileEditImage.tsx

@@ -2,13 +2,13 @@ import { isWeb } from '@baca/constants'
 import { Box, Text, Button, Row, themeColors } from '@baca/design-system'
 import * as ImagePicker from 'expo-image-picker'
 import { t } from 'i18next'
-import React from 'react'
+import React, { useState, useCallback } from 'react'
 import { Image, StyleSheet } from 'react-native'
 
 export const ProfileEditImage: React.FC = () => {
-  const [image, setImage] = React.useState<string | null>(null)
+  const [image, setImage] = useState<string | null>(null)
 
-  const pickImage = async () => {
+  const pickImage = useCallback(async () => {
     const result = await ImagePicker.launchImageLibraryAsync({
       mediaTypes: ImagePicker.MediaTypeOptions.Images,
       allowsEditing: true,
@@ -19,21 +19,21 @@ export const ProfileEditImage: React.FC = () => {
     if (!result.canceled && result.assets && result.assets.length > 0) {
       setImage(result.assets[0].uri)
     }
-  }
+  }, [])
 
   return (
     <Box borderColor="border.secondary" borderTopWidth={1} py={6}>
-      <Box style={s.marginBottom}>
+      <Box style={styles.marginBottom}>
         <Text.SmBold color="text.primary">{t('profile_screen.your_photo')}</Text.SmBold>
         <Text.SmRegular color="text.secondary">
           {t('profile_screen.your_photo_description')}
         </Text.SmRegular>
       </Box>
-      <Box style={s.imageContainer}>
+      <Box style={styles.imageContainer}>
         {image ? (
-          <Image source={{ uri: image }} style={s.image} />
+          <Image source={{ uri: image }} style={styles.image} />
         ) : (
-          <Box style={s.placeholder}>
+          <Box style={styles.placeholder}>
             <Text color="Gray modern.600">{t('profile_screen.photo_innerText')}</Text>
           </Box>
         )}
@@ -45,7 +45,7 @@ export const ProfileEditImage: React.FC = () => {
   )
 }
 
-const s = StyleSheet.create({
+const styles = StyleSheet.create({
   image: {
     height: '100%',
     width: '100%',

src/i18n/translations/en.json

@@ -11,27 +11,28 @@
       "title": "Your current session expired"
     }
   },
+  "app_information": "Shake your device to open developer menu",
   "bottom_tabs": {
-    "home": "Home",
     "categories": "Categories",
+    "details": "Details",
     "example": "Example",
-    "settings": "Settings",
+    "home": "Home",
     "profile": "Profile",
-    "details": "Details"
+    "settings": "Settings"
   },
   "common": {
     "add": "Add",
     "back": "Back",
     "cancel": "Cancel",
+    "change": "Change",
     "continue": "Continue",
     "go_back": "Go back",
     "remove": "Remove",
     "save": "Save",
-    "change": "Change",
-    "upload": "Upload",
     "search": "Search",
     "try_again_later": "Please try again later",
-    "try_again": "Try again"
+    "try_again": "Try again",
+    "upload": "Upload"
   },
   "errors": {
     "invalid_email": "Niepoprawny adres e-mail",
@@ -58,19 +59,19 @@
       "email": "E-mail address",
       "first_name": "First name",
       "last_name": "Last name",
-      "password": "Password",
+      "new_password": "New password",
       "old_password": "Old password",
-      "new_password": "New password"
+      "password": "Password"
     },
     "placeholders": {
       "confirm_password": "Confirm password",
       "create_password": "Create a password",
       "email": "Enter your email",
       "first_name": "Enter your first name",
       "last_name": "Enter your last name",
-      "password": "Password",
+      "new_password": "Enter new password",
       "old_password": "Enter current password",
-      "new_password": "Enter new password"
+      "password": "Password"
     },
     "select": {},
     "validation": {
@@ -81,6 +82,7 @@
       "required": "This field is required"
     }
   },
+  "hello": "Welcome",
   "navigation": {
     "screen_titles": {
       "application_info": "ApplicationInfo",
@@ -96,8 +98,8 @@
       "home": "Home",
       "main_tab": "MainTab",
       "not_found": "Not Found",
-      "resetLinkSent": "Reset link sent",
       "profile": "Profile",
+      "resetLinkSent": "Reset link sent",
       "settings": "Settings",
       "sign_in": "Sign in",
       "sign_up": "Sign up",
@@ -139,8 +141,8 @@
       "link_destructive": "Button link destructive",
       "link_gray": "Button link gray",
       "loading": "Button loading",
-      "primary": "Button primary",
       "primary_destructive": "Button primary destructive",
+      "primary": "Button primary",
       "secondary_color": "Button secondary color",
       "secondary_destructive": "Button secondary destructive",
       "secondary_gray": "Button secondary gray",
@@ -164,14 +166,14 @@
     "test_notification": "Test notification",
     "typography": {
       "label": "Typography",
-      "xs": "xs",
-      "sm": "sm",
-      "md": "md",
-      "lg": "lg",
-      "xl": "xl",
       "2xl": "2xl",
       "3xl": "3xl",
-      "4xl": "4xl"
+      "4xl": "4xl",
+      "lg": "lg",
+      "md": "md",
+      "sm": "sm",
+      "xl": "xl",
+      "xs": "xs"
     }
   },
   "confirm_email_screen": {
@@ -232,18 +234,18 @@
   "settings_screen": {
     "copy_push_token": "Copy push token",
     "current_theme": "Current theme: {{theme}}",
-    "sign_out": "Sign out!",
-    "selected": " - selected"
+    "selected": " - selected",
+    "sign_out": "Sign out!"
   },
   "profile_screen": {
-    "profile": "Profile",
-    "update_your_details": "Update your personal details here.",
-    "remove_account": "Remove account",
     "are_you_sure": "Are you sure?",
+    "photo_innerText": "No Image",
+    "profile": "Profile",
     "remove_account_desc": "This action cannot be undone.\n\nYou will lose access to your account. If you have an active subscription you will lose access to it.\n\nPlease make sure you are certain about this action.",
-    "your_photo": "Your photo",
+    "remove_account": "Remove account",
+    "update_your_details": "Update your personal details here.",
     "your_photo_description": "This will be displayed on your profile.",
-    "photo_innerText": "No Image"
+    "your_photo": "Your photo"
   },
   "sign_in_screen": {
     "do_not_have_an_account": "Don't have an account?",
@@ -308,11 +310,9 @@
     "surname_placeholder": "Surname",
     "which_music": "what kind of music do you listen ?"
   },
+  "thanks": "Thank you for using the best template for expo apps",
   "typography_screen": {
     "display_font_size": "Display fontSize: ",
     "text_font_size": "Text fontSize: "
-  },
-  "hello": "Welcome",
-  "thanks": "Thank you for using the best template for expo apps",
-  "app_information": "Shake your device to open developer menu"
+  }
 }

src/i18n/translations/pl.json

@@ -11,27 +11,28 @@
       "title": "Twoja sesja wygasła"
     }
   },
+  "app_information": "Potrząśnij swoim urządzeniem, by otworzyć menu dewelopera",
   "bottom_tabs": {
-    "home": "Home",
     "categories": "Kategorie",
+    "details": "Detale",
     "example": "Przykłady",
-    "settings": "Ustawienia",
+    "home": "Home",
     "profile": "Profil",
-    "details": "Detale"
+    "settings": "Ustawienia"
   },
   "common": {
     "add": "Dodaj",
     "back": "Cofnij",
     "cancel": "Anuluj",
+    "change": "Zmień",
     "continue": "Kontynuuj",
     "go_back": "Cofnij",
     "remove": "Usuń",
     "save": "Zapisz",
-    "change": "Zmień",
-    "upload": "Prześlij",
     "search": "Szukaj",
     "try_again_later": "Proszę spróbuj ponownie później",
-    "try_again": "Spróbuj ponownie"
+    "try_again": "Spróbuj ponownie",
+    "upload": "Prześlij"
   },
   "errors": {
     "invalid_email": "Niepoprawny adres e-mail",
@@ -58,19 +59,19 @@
       "email": "Adres e-mail",
       "first_name": "Imię",
       "last_name": "Nazwisko",
-      "password": "Hasło",
+      "new_password": "Nowe hasło",
       "old_password": "Stare hasło",
-      "new_password": "Nowe hasło"
+      "password": "Hasło"
     },
     "placeholders": {
       "confirm_password": "Potwierdź hasło",
       "create_password": "Utwórz nowe hasło",
       "email": "Podaj adres e-mail",
       "first_name": "Podaj swoje imię",
       "last_name": "Podaj swoje nazwisko",
-      "password": "Hasło",
+      "new_password": "Podaj nowe hasło",
       "old_password": "Podaj stare hasło",
-      "new_password": "Podaj nowe hasło"
+      "password": "Hasło"
     },
     "select": {},
     "validation": {
@@ -81,6 +82,7 @@
       "required": "Pole wymagane"
     }
   },
+  "hello": "Witaj",
   "navigation": {
     "screen_titles": {
       "application_info": "ApplicationInfo",
@@ -96,8 +98,8 @@
       "home": "Home",
       "main_tab": "MainTab",
       "not_found": "NotFound",
-      "resetLinkSent": "Link wysłany",
       "profile": "Profil użytkownika",
+      "resetLinkSent": "Link wysłany",
       "settings": "Settings",
       "sign_in": "Sign in",
       "sign_up": "Sign up",
@@ -139,8 +141,8 @@
       "link_destructive": "Button link destructive",
       "link_gray": "Button link gray",
       "loading": "Button loading",
-      "primary": "Button primary",
       "primary_destructive": "Button primary destructive",
+      "primary": "Button primary",
       "secondary_color": "Button secondary color",
       "secondary_destructive": "Button secondary destructive",
       "secondary_gray": "Button secondary gray",
@@ -164,14 +166,14 @@
     "test_notification": "Test notification",
     "typography": {
       "label": "Typography",
-      "xs": "xs",
-      "sm": "sm",
-      "md": "md",
-      "lg": "lg",
-      "xl": "xl",
       "2xl": "2xl",
       "3xl": "3xl",
-      "4xl": "4xl"
+      "4xl": "4xl",
+      "lg": "lg",
+      "md": "md",
+      "sm": "sm",
+      "xl": "xl",
+      "xs": "xs"
     }
   },
   "confirm_email_screen": {
@@ -181,10 +183,10 @@
     "verification_succeed": "Adres e-mail został pomyślnie potwierdzony."
   },
   "details_screen": {
-    "title": "To jest przykładowy widok",
+    "awesome": "Wspaniale 🎉",
     "open_bottom_sheet": "Otwórz BottomSheetModal",
     "screen_params": "Parametry widoku: {{params}}",
-    "awesome": "Wspaniale 🎉"
+    "title": "To jest przykładowy widok"
   },
   "examples_screen": {
     "go_to_application_info": "Idź do ApplicationInfo",
@@ -208,10 +210,10 @@
     "details": "Detale"
   },
   "landing_screen": {
-    "login_cta": "Zaloguj się",
-    "sign_up": "Zarejestruj się",
     "go_to_blog": "Otwórz blog",
-    "go_to_form": "Otwórz pełno ekranowy formularz full"
+    "go_to_form": "Otwórz pełno ekranowy formularz full",
+    "login_cta": "Zaloguj się",
+    "sign_up": "Zarejestruj się"
   },
   "reset_password_complete": {
     "password_reset": "Reset hasła",
@@ -235,14 +237,14 @@
     "sign_out": "Wyloguj!"
   },
   "profile_screen": {
-    "profile": "Profil",
-    "update_your_details": "Zaktualizuj swoje dane osobowe tutaj.",
-    "remove_account": "Usuń konto",
     "are_you_sure": "Jesteś pewny/a?",
+    "photo_innerText": "Bez Zdjęcia",
+    "profile": "Profil",
     "remove_account_desc": "Tej akcji nie można cofnąć.\n\nUtracisz dostęp do swojego konta. Jeśli masz aktywną subskrypcję, utracisz do niej dostęp.\n\nUpewnij się, że jesteś pewien tej akcji",
-    "your_photo": "Twoje zdjęcie",
+    "remove_account": "Usuń konto",
+    "update_your_details": "Zaktualizuj swoje dane osobowe tutaj.",
     "your_photo_description": "To będzie wyświetlane na twoim profilu.",
-    "photo_innerText": "Bez Zdjęcia"
+    "your_photo": "Twoje zdjęcie"
   },
   "sign_in_screen": {
     "do_not_have_an_account": "Nie masz konta?",
@@ -307,11 +309,9 @@
     "surname_placeholder": "Nazwisko",
     "which_music": "Jakiej muzyki słuchasz ?"
   },
+  "thanks": "Dzięki za używanie najlepszej templatki dla aplikacji expo",
   "typography_screen": {
     "display_font_size": "Display fontSize: ",
     "text_font_size": "Text fontSize: "
-  },
-  "hello": "Witaj",
-  "thanks": "Dzięki za używanie najlepszej templatki dla aplikacji expo",
-  "app_information": "Potrząśnij swoim urządzeniem, by otworzyć menu dewelopera"
+  }
 }