username on creation

src/components/modal/ShareQrModal.js

@@ -1,14 +1,19 @@
-import React, { useMemo } from "react";
-import { BlurView } from "expo-blur";
-import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import { Feather } from "@expo/vector-icons";
 import { Portal } from "@gorhom/portal";
+import { BlurView } from "expo-blur";
+import React, { useMemo } from "react";
+import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 
-import QrCode from "../QrCode";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
+import QrCode from "../QrCode";
 
-const ShareQrModal = ({ visible, onClose, url, title = "Scannez le QR-code" }) => {
+const ShareQrModal = ({
+  visible,
+  onClose,
+  url,
+  title = "Scannez le QR-code",
+}) => {
   const shareUrl = useMemo(() => url, [url]);
 
   if (!visible) {
@@ -26,22 +31,36 @@ const ShareQrModal = ({ visible, onClose, url, title = "Scannez le QR-code" }) =
         />
 
         <View style={styles.centerWrapper} pointerEvents="box-none">
-          <BlurView intensity={blurIntensity} tint="dark" style={styles.modalCard}>
-            <Pressable onPress={onClose} style={styles.closeButton} hitSlop={10}>
+          <BlurView
+            intensity={blurIntensity}
+            tint="dark"
+            style={styles.modalCard}
+          >
+            <Pressable
+              onPress={onClose}
+              style={styles.closeButton}
+              hitSlop={10}
+            >
               <Feather name="x" size={20} color={Palette.white} />
             </Pressable>
 
             <View style={styles.content}>
               <Text style={styles.title}>{title}</Text>
-              <Text style={styles.subtitle}>
-                Partage ce code pour guider tes contacts directement vers MusicLand.
-              </Text>
+              <Text style={styles.subtitle}>Partage Musicland à tes amis.</Text>
 
               <View style={styles.qrWrapper}>
-                <QrCode value={shareUrl} size={220} backgroundColor="transparent" />
+                <QrCode
+                  value={shareUrl}
+                  size={220}
+                  backgroundColor="transparent"
+                />
               </View>
 
-              <Text numberOfLines={1} ellipsizeMode="middle" style={styles.linkText}>
+              <Text
+                numberOfLines={1}
+                ellipsizeMode="middle"
+                style={styles.linkText}
+              >
                 {shareUrl}
               </Text>
             </View>