feat: flags

src/assets/index.js

@@ -105,6 +105,8 @@ import placeholder3 from './UI/placeholder3.png'
 import placeholder4 from './UI/placeholder4.jpg'
 import profile from './UI/profile.jpg'
 import musiclandClub from './UI/musiclandClub.png'
+import frenchFlag from './icons/frenchFlag.png'
+import englishFlag from './icons/englishFlag.png'
 export const tabs = {
   home,
   tasks,
@@ -124,6 +126,8 @@ export const icons = {
   sort,
   dragDots: require('./icons/dragDots.png'),
 
+  frenchFlag,
+  englishFlag,
   chevronDown,
   arrowRight,
   threeDots,

src/components/modal/ShareModal.js

@@ -442,7 +442,7 @@ const styles = StyleSheet.create({
     zIndex: 2,
   },
   heading: {
-    fontSize: 20,
+    fontSize: 16,
     color: Palette.white,
     textAlign: 'center',
     fontFamily: FONT_FAMILY.HelveticaNeueMedium,

src/screens/LandingPage.js

@@ -100,13 +100,15 @@ export default function LandingPage() {
                   style={[styles.languageButton]}
                   onPress={() => handleSelectLanguage('fr')}
                 >
-                  <Text style={styles.languageText}>🇫🇷 Français</Text>
+                  <Image source={icons.frenchFlag} style={styles.flagIcon} />
+                  <Text style={styles.languageText}>Français</Text>
                 </TouchableOpacity>
                 <TouchableOpacity
                   style={[styles.languageButton]}
                   onPress={() => handleSelectLanguage('en')}
                 >
-                  <Text style={styles.languageText}>🇬🇧 English</Text>
+                  <Image source={icons.englishFlag} style={styles.flagIcon} />
+                  <Text style={styles.languageText}>English</Text>
                 </TouchableOpacity>
               </View>
             )}
@@ -191,6 +193,12 @@ const styles = StyleSheet.create({
     paddingHorizontal: 18,
     minWidth: 140,
     alignItems: 'center',
+    flexDirection: 'row',
+    gap: 8,
+  },
+  flagIcon: {
+    width: 24,
+    height: 18,
   },
   languageText: {
     fontSize: 16,