From 646c5e1f95736ed52237f500d24566108353d313 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 16 Aug 2022 15:46:39 +0200
Subject: [PATCH] change(ui) - loader size

---
 frontend/app/components/ui/Loader/Loader.js | 23 +++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/frontend/app/components/ui/Loader/Loader.js b/frontend/app/components/ui/Loader/Loader.js
index d3b23eb72..e090dcf8d 100644
--- a/frontend/app/components/ui/Loader/Loader.js
+++ b/frontend/app/components/ui/Loader/Loader.js
@@ -3,12 +3,23 @@ import cn from 'classnames';
 import styles from './loader.module.css';
 import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
 
-const Loader = React.memo(({ className = '', loading = true, children = null, size = 30, style = { minHeight: '150px' } }) => (!loading ? children :
-	<div className={ cn(styles.wrapper, className) } style={style}>
-	  {/* <div className={ styles.loader } data-size={ size } /> */}
-	  <AnimatedSVG name={ICONS.LOADER} size={size} />
-	</div>
-));
+const Loader = React.memo(
+  ({
+    className = '',
+    loading = true,
+    children = null,
+    size = 50,
+    style = { minHeight: '150px' },
+  }) =>
+    !loading ? (
+      children
+    ) : (
+      <div className={cn(styles.wrapper, className)} style={style}>
+        {/* <div className={ styles.loader } data-size={ size } /> */}
+        <AnimatedSVG name={ICONS.LOADER} size={size} />
+      </div>
+    )
+);
 
 Loader.displayName = 'Loader';