From c25ed34f5e51d699a58f817567e768a8a27e4b4b Mon Sep 17 00:00:00 2001
From: Kiruthika Jeyashankar
 <81218987+KiruthikaJeyashankar@users.noreply.github.com>
Date: Tue, 17 Oct 2023 17:07:37 +0530
Subject: [PATCH] refactor(INJI-472): move loader component styles to
 LoaderStyles

Signed-off-by: Kiruthika Jeyashankar <81218987+KiruthikaJeyashankar@users.noreply.github.com>
---
 components/ui/Loader.tsx             | 4 ++--
 components/ui/themes/DefaultTheme.ts | 8 ++++----
 components/ui/themes/PurpleTheme.ts  | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/ui/Loader.tsx b/components/ui/Loader.tsx
index 26856fa1bc..2543ff1cae 100644
--- a/components/ui/Loader.tsx
+++ b/components/ui/Loader.tsx
@@ -17,7 +17,7 @@ export const Loader: React.FC<LoaderProps> = props => {
             fill
             align={'flex-start'}
             style={Theme.LoaderStyles.titleContainer}>
-            <View style={Theme.issuersScreenStyles.loaderHeadingText}>
+            <View style={Theme.LoaderStyles.heading}>
               <Text
                 style={Theme.TextStyles.semiBoldHeader}
                 testID="loaderTitle">
@@ -81,7 +81,7 @@ export const Loader: React.FC<LoaderProps> = props => {
 
 export interface LoaderProps {
   isVisible: boolean;
-  title?: string;
+  title: string;
   subTitle?: string;
   label?: string;
   hint?: string;
diff --git a/components/ui/themes/DefaultTheme.ts b/components/ui/themes/DefaultTheme.ts
index 3ad8d6a86f..00cc5fc6ea 100644
--- a/components/ui/themes/DefaultTheme.ts
+++ b/components/ui/themes/DefaultTheme.ts
@@ -732,6 +732,10 @@ export const DefaultTheme = {
       marginBottom: 17,
       marginTop: 22,
     },
+    heading: {
+      flex: 1,
+      flexDirection: 'column',
+    },
   }),
   ButtonStyles: StyleSheet.create({
     fill: {
@@ -1193,10 +1197,6 @@ export const DefaultTheme = {
       marginTop: 8,
       marginLeft: 2.5,
     },
-    loaderHeadingText: {
-      flex: 1,
-      flexDirection: 'column',
-    },
   }),
   ErrorStyles: StyleSheet.create({
     image: {marginTop: -60, paddingBottom: 26},
diff --git a/components/ui/themes/PurpleTheme.ts b/components/ui/themes/PurpleTheme.ts
index e25ab9f439..409f1ba9bc 100644
--- a/components/ui/themes/PurpleTheme.ts
+++ b/components/ui/themes/PurpleTheme.ts
@@ -734,6 +734,10 @@ export const PurpleTheme = {
       marginBottom: 17,
       marginTop: 22,
     },
+    heading: {
+      flex: 1,
+      flexDirection: 'column',
+    },
   }),
   ButtonStyles: StyleSheet.create({
     fill: {
@@ -1191,10 +1195,6 @@ export const PurpleTheme = {
       marginTop: 8,
       marginLeft: 2.5,
     },
-    loaderHeadingText: {
-      flex: 1,
-      flexDirection: 'column',
-    },
   }),
   ErrorStyles: StyleSheet.create({
     image: {marginTop: -60, paddingBottom: 26},