From 5149e1820df0afcc41013f8836c81df4feb35d8d Mon Sep 17 00:00:00 2001
From: KiruthikaJeyashankar <kiruthikavjshankar@gmail.com>
Date: Thu, 7 Nov 2024 23:57:29 +0530
Subject: [PATCH] [INJIMOB-2260] fix send VP screen showing blank screen
 (#1675)

Signed-off-by: KiruthikaJeyashankar <kiruthikavjshankar@gmail.com>
Co-authored-by: BalachandarG <balachandar.g@thoughtworks.com>
Co-authored-by: adityankannan-tw <adityan410pm@gmail.com>
Co-authored-by: PuBHARGAVI <46226958+PuBHARGAVI@users.noreply.github.com>
Co-authored-by: Abhishek Paul <paul.apaul.abhishek.ap@gmail.com>
---
 assets/Selected_Check_Box.svg        | 2 +-
 components/ui/svg.tsx                | 4 ++++
 components/ui/themes/DefaultTheme.ts | 4 +++-
 components/ui/themes/PurpleTheme.ts  | 1 +
 screens/Scan/SendVPScreen.tsx        | 5 ++++-
 5 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/assets/Selected_Check_Box.svg b/assets/Selected_Check_Box.svg
index b9da626a..d6d11c13 100644
--- a/assets/Selected_Check_Box.svg
+++ b/assets/Selected_Check_Box.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
   <g id="Group_58148" data-name="Group 58148" transform="translate(-0.114 -0.21)">
     <g id="Group_57140" data-name="Group 57140" transform="translate(-0.095)">
-      <g id="Rectangle_7173" data-name="Rectangle 7173" transform="translate(0.209 0.21)" fill="#f2801d" stroke="#f2801d" stroke-width="2">
+      <g id="Rectangle_7173" data-name="Rectangle 7173" transform="translate(0.209 0.21)" fill="#951F6F" stroke="#951F6F" stroke-width="2">
         <rect width="18" height="18" rx="4" stroke="none"/>
         <rect x="1" y="1" width="16" height="16" rx="3" fill="none"/>
       </g>
diff --git a/components/ui/svg.tsx b/components/ui/svg.tsx
index 0b33147d..a406b8d9 100644
--- a/components/ui/svg.tsx
+++ b/components/ui/svg.tsx
@@ -59,7 +59,11 @@ import RestoreIcon from '../../assets/restoreIconBackup.svg';
 import QuestionIcon from '../../assets/questionIcon.svg';
 import CopyIcon from '../../assets/file_copy.svg';
 import StarIcon from '../../assets/credentialRegestryStar.svg';
+import SelectedCheckBox from '../../assets/Selected_Check_Box.svg';
 export class SvgImage {
+  static selectedCheckBox() {
+    return <SelectedCheckBox />;
+  }
   static copyIcon(): React.ReactNode {
     return (
       <CopyIcon
diff --git a/components/ui/themes/DefaultTheme.ts b/components/ui/themes/DefaultTheme.ts
index 34766c91..925fe655 100644
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -66,6 +66,7 @@ const Colors = {
   toolTipPointer: '#E0E0E0',
   Mercury: '#E6E6E6',
   Yellow: '#E8A94F',
+  selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
 };
 
 export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -148,6 +149,7 @@ export const DefaultTheme = {
     urlLink: Colors.Orange,
     warningText: Colors.Red,
     PendingIcon: Colors.Yellow,
+    selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
   },
   Styles: StyleSheet.create({
     title: {
@@ -726,7 +728,7 @@ export const DefaultTheme = {
     sendVPHeaderSubTitle: {
       fontSize: 13,
       fontFamily: 'Inter_600SemiBold',
-      color: Colors.OrangeShade,
+      color: Colors.Orange,
     },
     HistoryHeaderTitleStyle: {
       fontSize: 26,
diff --git a/components/ui/themes/PurpleTheme.ts b/components/ui/themes/PurpleTheme.ts
index 53f7d69d..0cc1f654 100644
--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -68,6 +68,7 @@ const Colors = {
   toolTipPointer: '#E0E0E0',
   Mercury: '#E6E6E6',
   Yellow: '#E8A94F',
+  selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
 };
 
 export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
diff --git a/screens/Scan/SendVPScreen.tsx b/screens/Scan/SendVPScreen.tsx
index f4224b58..16562c01 100644
--- a/screens/Scan/SendVPScreen.tsx
+++ b/screens/Scan/SendVPScreen.tsx
@@ -162,7 +162,10 @@ export const SendVPScreen: React.FC<ScanLayoutProps> = props => {
                 {cardsSelectedText}
               </Text>
               <Text
-                style={{color: '#F2801D', fontFamily: 'Inter_600SemiBold'}}
+                style={{
+                  color: Theme.Colors.Icon,
+                  fontFamily: 'Inter_600SemiBold',
+                }}
                 onPress={
                   areAllVcsChecked
                     ? controller.UNCHECK_ALL