refactor(INJI-472): move loader component styles to LoaderStyles

Signed-off-by: Kiruthika Jeyashankar <[email protected]>
mosip · Oct 17, 2023 · eecbb26 · eecbb26
1 parent 91c087f
commit eecbb26
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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},