udpates icon size + adds message props

opsmill · Jul 4, 2024 · b2647aa · b2647aa
1 parent 3904bd2
commit b2647aa
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/frontend/app/src/screens/loading-screen/loading-screen.tsx b/frontend/app/src/screens/loading-screen/loading-screen.tsx
@@ -3,14 +3,15 @@ import ReactLoading, { LoadingType } from "react-loading";
 
 interface Props {
   size?: string | number;
+  message?: string;
   hideText?: boolean;
   className?: string;
   colorClass?: string;
   type?: LoadingType;
 }
 
 export default function LoadingScreen(props: Props) {
-  const { hideText, size, className, colorClass, type } = props;
+  const { hideText, message, size, className, colorClass, type } = props;
 
   const color = colorClass ?? "!fill-custom-blue-500";
 
@@ -23,10 +24,10 @@ export default function LoadingScreen(props: Props) {
       <ReactLoading
         className={color}
         type={type ?? "bars"}
-        height={size ?? 70}
-        width={size ?? 70}
+        height={size ?? 40}
+        width={size ?? 40}
       />
-      {!hideText && <div className="text-xl mt-2">Just a moment</div>}
+      {!hideText && <div className="text-xl mt-2">{message ?? "Just a moment"}</div>}
     </div>
   );
 }