From 932c174b5fe5854603da80e93e310370df593c95 Mon Sep 17 00:00:00 2001
From: AyrisAI <ayris@ayris.tech>
Date: Fri, 21 Aug 2026 00:31:17 +0300
Subject: [PATCH] fix(mobile): resolve TSpan text overlapping in QrTemplate3

---
 .../components/qr-templates/QrTemplate3.tsx   | 48 +++++++++----------
 .../qr-templates/QrTemplateLumiere.tsx        |  4 +-
 2 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/apps/mobile/src/components/qr-templates/QrTemplate3.tsx b/apps/mobile/src/components/qr-templates/QrTemplate3.tsx
index 4fddebb..914d5e0 100644
--- a/apps/mobile/src/components/qr-templates/QrTemplate3.tsx
+++ b/apps/mobile/src/components/qr-templates/QrTemplate3.tsx
@@ -313,36 +313,32 @@ const QrTemplate3 = ({ qrBase64, ...props }: QrTemplate3Props) => (
       >
         {"İÇİN OKUTUN"}
       </Text>
-      <Text x={200} y={546} textAnchor="middle">
-        <TSpan fill="#3e2723" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
-          {"WiFi: "}
-        </TSpan>
-        <TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
-          {"GourmetBistro"}
-        </TSpan>
-        <TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
-          {"   |   "}
-        </TSpan>
-        <TSpan fill="#3e2723" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
-          {"Şifre: "}
-        </TSpan>
-        <TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
-          {"lezzetli01"}
-        </TSpan>
+      <Text
+        x={200}
+        y={546}
+        fill="#3e2723"
+        fontFamily="Inter, Arial, sans-serif"
+        fontSize={10.5}
+        fontWeight={700}
+        textAnchor="middle"
+      >
+        {"WiFi: GourmetBistro  |  Şifre: lezzetli01"}
       </Text>
-      <Text x={200} y={570} textAnchor="middle">
-        <TSpan fill="#b92b27" fontFamily="Inter, Arial, sans-serif" fontSize={10} fontWeight={700}>
-          {"BİZİ TAKİP EDİN"}
-        </TSpan>
-        <TSpan fill="#a1a1aa" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
-          {"   |   "}
-        </TSpan>
-        <TSpan fill="#5d4037" fontFamily="Inter, Arial, sans-serif" fontSize={10}>
-          {"@gourmetbistro"}
-        </TSpan>
+      <Text
+        x={200}
+        y={570}
+        fill="#b92b27"
+        fontFamily="Inter, Arial, sans-serif"
+        fontSize={10.5}
+        fontWeight={700}
+        letterSpacing={0.5}
+        textAnchor="middle"
+      >
+        {"BİZİ TAKİP EDİN  |  @gourmetbistro"}
       </Text>
     </G>
   </Svg>
+
 );
 
 export default QrTemplate3;
diff --git a/apps/mobile/src/components/qr-templates/QrTemplateLumiere.tsx b/apps/mobile/src/components/qr-templates/QrTemplateLumiere.tsx
index e1181ca..86c09d4 100644
--- a/apps/mobile/src/components/qr-templates/QrTemplateLumiere.tsx
+++ b/apps/mobile/src/components/qr-templates/QrTemplateLumiere.tsx
@@ -13,7 +13,7 @@ interface QrTemplateLumiereProps extends SvgProps {
   qrBase64?: string;
 }
 
-const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
+const QrTemplate1 = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
   <Svg
     viewBox="0 0 600 600"
     width={300}
@@ -210,4 +210,4 @@ const QrTemplateLumiere = ({ qrBase64, ...props }: QrTemplateLumiereProps) => (
   </Svg>
 );
 
-export default QrTemplateLumiere;
+export default QrTemplate1;