[INJI-626] enhance intro slider with backup data guide carousel (#1211)

Signed-off-by: Srikanth Kola <srikanthsri7447@gmail.com>
2026-01-09 05:27:57 -05:00 · 2024-01-31 00:46:49 +05:30
parent 28ce472f12
commit 0b6f973efc
16 changed files with 101 additions and 79 deletions
--- a/.talismanrc
+++ b/.talismanrc
@@ -168,21 +168,19 @@ fileignoreconfig:
  - filename: machines/backup.ts
    checksum: df40cc92db9e459ab19d8382713afb24ae89c88a944623bbc21a7e6b9bc327a3
  - filename: locales/en.json
-    checksum: e87723f4bb733fa3d95cc0d4f3831ecaa8310975c177af4f4c73c35b69fa025e
-  - filename: locales/fil.json
-    checksum: 9b3aa32c09ab18c29bfd5fdbe822e1bda511627a887f8f232c52959d2170c3d3
+    checksum: 881b12057430b1b465306f6171d8a1c025c69909a29b6f9c405f70c2990ac4f4
  - filename: locales/hin.json
-    checksum: a5f388edb087d12a9395643ba2fbafc93dfde3a3347c3dc17e89d252045660b7
+    checksum: 69bffc48c583a985ed6853988ca9f4a559adbdf14f4763f197e982a3684f3bad
  - filename: locales/kan.json
-    checksum: c0cc2ca567eaa8a5abaa4c9a361b9b612436d10b50d60ef239fcff633eeeff57
+    checksum: f62d0d6cfd1454b396583ea7d0f438bcabd200c6af68f1327a7dfc3f5177d6d5
  - filename: locales/ara.json
-    checksum: 104f58031271f6ba6115de6e7cb5ba7a586ab6e648314c8940b035f60cab692f
+    checksum: 89e413bc5884783f0601f8a22855f3da0cdd0ac9e9f80a1edd4e6a5fb10d94d4
  - filename: locales/tam.json
-    checksum: a257d03d7d011602c50160d044926e7ee8a29e8f8afb3c355c05fd8aa7473534
-  - filename: locales/en.json
-    checksum: b4d07aca4534fb9fd2bb62b146bb41e588e4bc5cad6afc9531f97043ed08dbba
+    checksum: 1beed968fa5d67d57961dbbaaade3596caaf543adb90847b40a558d0b50397bd
  - filename: locales/spa.json
-    checksum: 06fca76095c99f313714e2d7b732e2bebb96f18be762e778ee7e3481a5a4e9ef
+    checksum: a03c5fa839d761f7bf5bbf0ea9bbd48da57116430a99e1d22f0e7184435d468c
  - filename: locales/fil.json
-    checksum: e9eaeb9204e4a6659e0f2a432e57e62cfb8f02b0a2f8d5a6ac81c4cdf4fa4786
+    checksum: 29193fd3b14b7332bf7a485f659197002f29a58af88ed0653cae262e7254c84d
+  - filename: screens/Home/IntroSlidersScreen.tsx
+    checksum: af4a7e2d04b1141b7c32acfabeb3213a32eaca2a8e8f61e6958b6c97219dce57 
    version: ""
--- a/assets/Intro_Backup.png
+++ b/assets/Intro_Backup.png
--- a/assets/Intro_Scanner.png
+++ b/assets/Intro_Scanner.png
--- a/assets/Intro_Share.png
+++ b/assets/Intro_Share.png
--- a/assets/Intro_Unlock_Method.png
+++ b/assets/Intro_Unlock_Method.png
--- a/assets/Intro_Wallet_Binding.png
+++ b/assets/Intro_Wallet_Binding.png
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -1431,10 +1431,11 @@ export const DefaultTheme = {
  ICON_LARGE_SIZE: 33,
  CloseCard: require('../../../assets/Card_Bg1.png'),
  OpenCard: require('../../../assets/Card_Bg1.png'),
-  sharingIntro: require('../../../assets/Intro_Secure_Sharing.png'),
-  walletIntro: require('../../../assets/Intro_Wallet_Binding.png'),
-  IntroScanner: require('../../../assets/Intro_Scanner.png'),
-  protectPrivacy: require('../../../assets/Intro_Unlock_Method.png'),
+  IntroWelcome: require('../../../assets/Intro_Unlock.png'),
+  SecureSharing: require('../../../assets/Intro_Secure_Sharing.png'),
+  DigitalWallet: require('../../../assets/Intro_Wallet.png'),
+  IntroShare: require('../../../assets/Intro_Share.png'),
+  IntroBackup: require('../../../assets/Intro_Backup.png'),
  elevation(level: ElevationLevel): ViewStyle {
    // https://ethercreative.github.io/react-native-shadow-generator/

--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -1442,10 +1442,11 @@ export const PurpleTheme = {
  ICON_LARGE_SIZE: 33,
  CloseCard: require('../../../assets/Card_Bg1.png'),
  OpenCard: require('../../../assets/Card_Bg1.png'),
-  sharingIntro: require('../../../assets/Intro_Secure_Sharing.png'),
-  walletIntro: require('../../../assets/Intro_Wallet_Binding.png'),
-  IntroScanner: require('../../../assets/Intro_Scanner.png'),
-  protectPrivacy: require('../../../assets/Intro_Unlock_Method.png'),
+  IntroWelcome: require('../../../assets/Intro_Unlock.png'),
+  SecureSharing: require('../../../assets/Intro_Secure_Sharing.png'),
+  DigitalWallet: require('../../../assets/Intro_Wallet.png'),
+  IntroShare: require('../../../assets/Intro_Share.png'),
+  IntroBackup: require('../../../assets/Intro_Backup.png'),
  elevation(level: ElevationLevel): ViewStyle {
    // https://ethercreative.github.io/react-native-shadow-generator/

--- a/locales/ara.json
+++ b/locales/ara.json
@@ -339,14 +339,16 @@
    }
  },
  "OnboardingOverlay": {
-    "stepOneTitle": "مشاركة آمنة!",
-    "stepOneText": "احتفظ ببيانات الاعتماد الرقمية الخاصة بك معك في جميع الأوقات. يساعدك Inji على إدارتها واستخدامها بشكل فعال. للبدء ، أضف بطاقات إلى ملف التعريف الخاص بك.",
-    "stepTwoTitle": "المحفظة الرقمية الموثوقة",
-    "stepTwoText": "قم بتخزين وحمل جميع بطاقاتك المهمة في محفظة واحدة موثوق بها.",
-    "stepThreeTitle": "مشاركة آمنة",
-    "stepThreeText": "شارك بطاقاتك بأمان وبطريقة خالية من المتاعب واستفد من الخدمات المتنوعة.",
-    "stepFourTitle": "مصادقة خالية من المتاعب",
-    "stepFourText": "قم بمصادقة نفسك بسهولة باستخدام بيانات الاعتماد الرقمية المخزنة.",
+    "stepOneTitle": "مرحباً!",
+    "stepOneText": "احتفظ ببيانات اعتمادك الرقمية معك في جميع الأوقات. ",
+    "stepTwoTitle": "المشاركة الآمنة",
+    "stepTwoText": "شارك بطاقاتك بأمان وبطريقة خالية من المتاعب واستفد من الخدمات المتنوعة.",
+    "stepThreeTitle": "المحفظة الرقمية الموثوقة",
+    "stepThreeText": "قم بتخزين وحمل جميع بطاقاتك المهمة في محفظة واحدة موثوقة.",
+    "stepFourTitle": "الوصول السريع",
+    "stepFourText": "قم بالمصادقة على نفسك بسهولة باستخدام بيانات الاعتماد الرقمية المخزنة.",
+    "stepFiveTitle": "نسخ إحتياطي للبيانات",
+    "stepFiveText": "قم بحماية بياناتك بسهولة باستخدام النسخة الاحتياطية لدينا",
    "getStarted": "البدء",
    "goBack": "عُد",
    "back": "خلف",
--- a/locales/en.json
+++ b/locales/en.json
@@ -342,12 +342,14 @@
  "OnboardingOverlay": {
    "stepOneTitle": "Welcome!",
    "stepOneText": "Keep your digital credential with you at all times. Inji helps you manage and use them effectively. To get started, add cards to your profile.",
-    "stepTwoTitle": "Trusted Digital Wallet",
-    "stepTwoText": "Store and carry all your important cards in a single trusted wallet.",
-    "stepThreeTitle": "Secure Sharing",
-    "stepThreeText": "Share your cards securely in a hassle free way and avail various services.",
-    "stepFourTitle": "Hassle free authentication",
+    "stepTwoTitle": "Secure Sharing",
+    "stepTwoText": "Share your cards securely in a hassle free way and avail various services.",
+    "stepThreeTitle": "Trusted Digital Wallet",
+    "stepThreeText": "Store and carry all your important cards in a single trusted wallet.",
+    "stepFourTitle": "Quick Access",
    "stepFourText": "Authenticate yourself with ease using the stored digital credential.",
+    "stepFiveTitle": "Backup Data",
+    "stepFiveText": "Protect your data with ease using our Backup & Restore feature. Safely store your VCs against loss or accidents by creating regular backups and recover it effortlessly whenever needed for seamless continuity.",
    "getStarted": "Get Started",
    "goBack": "Go Back",
    "back": "Back",
--- a/locales/fil.json
+++ b/locales/fil.json
@@ -338,16 +338,18 @@
    }
  },
  "OnboardingOverlay": {
-    "stepOneTitle": "Ligtas na Pagbabahagi!",
-    "stepOneText": "Ibahagi at tumanggap ng card nang mabilis gamit ang camera ng iyong telepono upang mag-scan ng mga QR code",
-    "stepTwoTitle": "Pinagkakatiwalaang Digital Wallet",
-    "stepTwoText": "Panatilihin ang iyong digital na kredensyal sa iyo sa lahat ng oras",
-    "stepThreeTitle": "Mabilis na pagpasok",
-    "stepThreeText": "Kapag nabuo na, ang card ay ligtas na iniimbak sa iyong mobile.",
-    "stepFourTitle": "Walang problema sa pagpapatotoo",
+    "stepOneTitle": "Maligayang pagdating!",
+    "stepOneText": "Panatilihin ang iyong digital na kredensyal sa iyo sa lahat ng oras. ",
+    "stepTwoTitle": "Ligtas na Pagbabahagi",
+    "stepTwoText": "Ibahagi ang iyong mga card nang ligtas sa isang walang problemang paraan at mag-avail ng iba't ibang serbisyo.",
+    "stepThreeTitle": "Pinagkakatiwalaang Digital Wallet",
+    "stepThreeText": "Itabi at dalhin ang lahat ng iyong mahahalagang card sa isang pinagkakatiwalaang wallet.",
+    "stepFourTitle": "Mabilis na pagpasok",
    "stepFourText": "I-authenticate ang iyong sarili nang madali gamit ang nakaimbak na digital na kredensyal.",
+    "stepFiveTitle": "Backup na Data",
+    "stepFiveText": "Protektahan ang iyong data nang madali gamit ang aming Backup",
    "getStarted": "Magsimula",
-    "goBack": "bumalik ka",
+    "goBack": "Bumalik ka",
    "back": "Bumalik",
    "skip": "Laktawan",
    "next": "Susunod"
--- a/locales/hin.json
+++ b/locales/hin.json
@@ -337,14 +337,16 @@
    }
  },
  "OnboardingOverlay": {
-    "stepOneTitle": "सुरक्षित साझाकरण!",
-    "stepOneText": "अपना डिजिटल क्रेडेंशियल हर समय अपने पास रखें। इंजी आपको उन्हें प्रभावी ढंग से प्रबंधित करने और उपयोग करने में मदद करता है। आरंभ करने के लिए, अपनी प्रोफ़ाइल में कार्ड जोड़ें।",
-    "stepTwoTitle": "विश्वसनीय डिजिटल वॉलेट",
-    "stepTwoText": "अपने सभी महत्वपूर्ण कार्डों को एक ही विश्वसनीय वॉलेट में रखें और रखें।",
-    "stepThreeTitle": "सुरक्षित साझाकरण",
-    "stepThreeText": "परेशानी मुक्त तरीके से अपने कार्ड सुरक्षित रूप से साझा करें और विभिन्न सेवाओं का लाभ उठाएं।",
-    "stepFourTitle": "परेशानी मुक्त प्रमाणीकरण",
+    "stepOneTitle": "स्वागत!",
+    "stepOneText": "अपना डिजिटल क्रेडेंशियल हर समय अपने पास रखें। ",
+    "stepTwoTitle": "सुरक्षित साझाकरण",
+    "stepTwoText": "परेशानी मुक्त तरीके से अपने कार्ड सुरक्षित रूप से साझा करें और विभिन्न सेवाओं का लाभ उठाएं।",
+    "stepThreeTitle": "विश्वसनीय डिजिटल वॉलेट",
+    "stepThreeText": "अपने सभी महत्वपूर्ण कार्डों को एक ही विश्वसनीय वॉलेट में रखें और रखें।",
+    "stepFourTitle": "त्वरित ऐक्सेस",
    "stepFourText": "संग्रहीत डिजिटल क्रेडेंशियल का उपयोग करके आसानी से स्वयं को प्रमाणित करें।",
+    "stepFiveTitle": "बैकअप डेटा",
+    "stepFiveText": "हमारे बैकअप का उपयोग करके आसानी से अपने डेटा को सुरक्षित रखें",
    "getStarted": "शुरू हो जाओ",
    "goBack": "वापस जाओ",
    "back": "पीछे",
--- a/locales/kan.json
+++ b/locales/kan.json
@@ -329,14 +329,16 @@
    }
  },
  "OnboardingOverlay": {
-    "stepOneTitle": "ಸುರಕ್ಷಿತ ಹಂಚಿಕೆ!",
-    "stepOneText": "ನಿಮ್ಮ ಡಿಜಿಟಲ್ ರುಜುವಾತುಗಳನ್ನು ಯಾವಾಗಲೂ ನಿಮ್ಮೊಂದಿಗೆ ಇರಿಸಿಕೊಳ್ಳಿ. ಅವುಗಳನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನಿರ್ವಹಿಸಲು ಮತ್ತು ಬಳಸಲು ಇಂಜಿ ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಪ್ರಾರಂಭಿಸಲು, ನಿಮ್ಮ ಪ್ರೊಫೈಲ್‌ಗೆ ಕಾರ್ಡ್‌ಗಳನ್ನು ಸೇರಿಸಿ.",
-    "stepTwoTitle": "ವಿಶ್ವಾಸಾರ್ಹ ಡಿಜಿಟಲ್ ವಾಲೆಟ್",
-    "stepTwoText": "ನಿಮ್ಮ ಎಲ್ಲಾ ಪ್ರಮುಖ ಕಾರ್ಡ್‌ಗಳನ್ನು ಒಂದೇ ವಿಶ್ವಾಸಾರ್ಹ ವ್ಯಾಲೆಟ್‌ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಿ ಮತ್ತು ಒಯ್ಯಿರಿ.",
-    "stepThreeTitle": "ಸುರಕ್ಷಿತ ಹಂಚಿಕೆ",
-    "stepThreeText": "ನಿಮ್ಮ ಕಾರ್ಡ್‌ಗಳನ್ನು ಜಗಳ ಮುಕ್ತ ರೀತಿಯಲ್ಲಿ ಸುರಕ್ಷಿತವಾಗಿ ಹಂಚಿಕೊಳ್ಳಿ ಮತ್ತು ವಿವಿಧ ಸೇವೆಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಿ.",
-    "stepFourTitle": "ಜಗಳ ಮುಕ್ತ ದೃಢೀಕರಣ",
+    "stepOneTitle": "ಸ್ವಾಗತ!",
+    "stepOneText": "ನಿಮ್ಮ ಡಿಜಿಟಲ್ ರುಜುವಾತುಗಳನ್ನು ಯಾವಾಗಲೂ ನಿಮ್ಮೊಂದಿಗೆ ಇರಿಸಿಕೊಳ್ಳಿ. ",
+    "stepTwoTitle": "ಸುರಕ್ಷಿತ ಹಂಚಿಕೆ",
+    "stepTwoText": "ನಿಮ್ಮ ಕಾರ್ಡ್‌ಗಳನ್ನು ಜಗಳ ಮುಕ್ತ ರೀತಿಯಲ್ಲಿ ಸುರಕ್ಷಿತವಾಗಿ ಹಂಚಿಕೊಳ್ಳಿ ಮತ್ತು ವಿವಿಧ ಸೇವೆಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಿ.",
+    "stepThreeTitle": "ವಿಶ್ವಾಸಾರ್ಹ ಡಿಜಿಟಲ್ ವಾಲೆಟ್",
+    "stepThreeText": "ನಿಮ್ಮ ಎಲ್ಲಾ ಪ್ರಮುಖ ಕಾರ್ಡ್‌ಗಳನ್ನು ಒಂದೇ ವಿಶ್ವಾಸಾರ್ಹ ವ್ಯಾಲೆಟ್‌ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಿ ಮತ್ತು ಒಯ್ಯಿರಿ.",
+    "stepFourTitle": "ತ್ವರಿತ ಪ್ರವೇಶ",
    "stepFourText": "ಸಂಗ್ರಹಿಸಿದ ಡಿಜಿಟಲ್ ರುಜುವಾತುಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸುಲಭವಾಗಿ ನಿಮ್ಮನ್ನು ದೃಢೀಕರಿಸಿ.",
+    "stepFiveTitle": "ಬ್ಯಾಕಪ್ ಡೇಟಾ",
+    "stepFiveText": "ನಮ್ಮ ಬ್ಯಾಕಪ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಡೇಟಾವನ್ನು ಸುಲಭವಾಗಿ ರಕ್ಷಿಸಿ",
    "getStarted": "ಪ್ರಾರಂಭಿಸಿ",
    "goBack": "ಹಿಂದೆ ಹೋಗು",
    "back": "ಹಿಂದೆ",
--- a/locales/spa.json
+++ b/locales/spa.json
@@ -339,12 +339,14 @@
  "OnboardingOverlay": {
    "stepOneTitle": "¡Bienvenido!",
    "stepOneText": "Lleva contigo tu credencial digital en todo momento. ",
-    "stepTwoTitle": "Monedero digital confiable",
-    "stepTwoText": "Guarde y lleve todas sus tarjetas importantes en una única billetera de confianza.",
-    "stepThreeTitle": "Compartir de forma segura",
-    "stepThreeText": "Comparta sus tarjetas de forma segura y sin complicaciones y aproveche varios servicios.",
-    "stepFourTitle": "Autenticación sin problemas",
+    "stepTwoTitle": "Compartir de forma segura",
+    "stepTwoText": "Comparta sus tarjetas de forma segura y sin complicaciones y aproveche varios servicios.",
+    "stepThreeTitle": "Monedero digital confiable",
+    "stepThreeText": "Almacene y lleve todas sus tarjetas importantes en una única billetera de confianza.",
+    "stepFourTitle": "Acceso rapido",
    "stepFourText": "Autentíquese fácilmente utilizando la credencial digital almacenada.",
+    "stepFiveTitle": "Los datos de copia de seguridad",
+    "stepFiveText": "Proteja sus datos con facilidad utilizando nuestra copia de seguridad",
    "getStarted": "Empezar",
    "goBack": "Regresa",
    "back": "Atrás",
--- a/locales/tam.json
+++ b/locales/tam.json
@@ -335,16 +335,18 @@
    }
  },
  "OnboardingOverlay": {
-    "stepOneTitle": "பாதுகாப்பான பகிர்வு!",
-    "stepOneText": "உங்கள் டிஜிட்டல் நற்சான்றிதழை எப்போதும் உங்களுடன் வைத்திருக்கவும். அவற்றை திறம்பட நிர்வகிக்கவும் பயன்படுத்தவும் இன்ஜி உதவுகிறது. தொடங்குவதற்கு, உங்கள் சுயவிவரத்தில் கார்டுகளைச் சேர்க்கவும்.",
-    "stepTwoTitle": "நம்பகமான டிஜிட்டல் வாலட்",
-    "stepTwoText": "உங்கள் முக்கியமான கார்டுகளை ஒரே நம்பகமான பணப்பையில் சேமித்து எடுத்துச் செல்லுங்கள்.",
-    "stepThreeTitle": "பாதுகாப்பான பகிர்வு",
-    "stepThreeText": "தொந்தரவு இல்லாத வகையில் உங்கள் கார்டுகளைப் பாதுகாப்பாகப் பகிர்ந்து, பல்வேறு சேவைகளைப் பெறுங்கள்.",
-    "stepFourTitle": "தொந்தரவு இல்லாத அங்கீகாரம்",
+    "stepOneTitle": "வரவேற்பு!",
+    "stepOneText": "உங்கள் டிஜிட்டல் நற்சான்றிதழை எப்போதும் உங்களுடன் வைத்திருக்கவும். ",
+    "stepTwoTitle": "பாதுகாப்பான பகிர்வு",
+    "stepTwoText": "தொந்தரவு இல்லாத வகையில் உங்கள் கார்டுகளைப் பாதுகாப்பாகப் பகிர்ந்து, பல்வேறு சேவைகளைப் பெறுங்கள்.",
+    "stepThreeTitle": "நம்பகமான டிஜிட்டல் வாலட்",
+    "stepThreeText": "உங்கள் முக்கியமான கார்டுகளை ஒரே நம்பகமான பணப்பையில் சேமித்து எடுத்துச் செல்லுங்கள்.",
+    "stepFourTitle": "விரைவான அணுகல்",
    "stepFourText": "சேமிக்கப்பட்ட டிஜிட்டல் நற்சான்றிதழைப் பயன்படுத்தி உங்களை எளிதாக அங்கீகரிக்கவும்.",
-    "getStarted": "தொடங்கு",
-    "goBack": "திரும்பி போ",
+    "stepFiveTitle": "காப்பு தரவு",
+    "stepFiveText": "எங்கள் காப்புப்பிரதியைப் பயன்படுத்தி உங்கள் தரவை எளிதாகப் பாதுகாக்கவும்",
+    "getStarted": "தொடங்குங்கள்",
+    "goBack": "திரும்பி செல்",
    "back": "மீண்டும்",
    "skip": "தவிர்க்கவும்",
    "next": "அடுத்தது"
--- a/screens/Home/IntroSlidersScreen.tsx
+++ b/screens/Home/IntroSlidersScreen.tsx
@@ -20,25 +20,31 @@ export const IntroSlidersScreen: React.FC<RootRouteProps> = props => {
      key: 'one',
      title: t('stepOneTitle'),
      text: t('stepOneText'),
-      image: Theme.protectPrivacy,
+      image: Theme.IntroWelcome,
    },
    {
      key: 'two',
      title: t('stepTwoTitle'),
      text: t('stepTwoText'),
-      image: Theme.walletIntro,
+      image: Theme.SecureSharing,
    },
    {
      key: 'three',
      title: t('stepThreeTitle'),
      text: t('stepThreeText'),
-      image: Theme.sharingIntro,
+      image: Theme.DigitalWallet,
    },
    {
      key: 'four',
      title: t('stepFourTitle'),
      text: t('stepFourText'),
-      image: Theme.IntroScanner,
+      image: Theme.IntroShare,
+    },
+    {
+      key: 'five',
+      title: t('stepFiveTitle'),
+      text: t('stepFiveText'),
+      image: Theme.IntroBackup,
    },
  ];

@@ -53,13 +59,15 @@ export const IntroSlidersScreen: React.FC<RootRouteProps> = props => {
              {SvgImage.InjiSmallLogo()}
            </Column>

-            <Button
-              testID={isPasscodeSet ? 'back' : 'skip'}
-              type="plain"
-              title={isPasscodeSet ? t('back') : t('skip')}
-              onPress={isPasscodeSet ? controller.BACK : controller.NEXT}
-              styles={{height: 40, maxWidth: 115}}
-            />
+            {item.key !== 'five' && (
+              <Button
+                testID={isPasscodeSet ? 'back' : 'skip'}
+                type="plain"
+                title={isPasscodeSet ? t('back') : t('skip')}
+                onPress={isPasscodeSet ? controller.BACK : controller.NEXT}
+                styles={{height: 40, maxWidth: 115}}
+              />
+            )}
          </Row>
          <Image
            source={item.image}