changing the loading text

keephq · Oct 14, 2024 · 4e08816 · 4e08816
1 parent 7c17e2a
commit 4e08816
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/keep-ui/app/loading.tsx b/keep-ui/app/loading.tsx
@@ -4,11 +4,13 @@ import Image from "next/image";
 export default function Loading({
   includeMinHeight = true,
   slowLoading = false,
-  loadingText = "Just a second, getting your data 🚨"
+  loadingText = "Just a second, getting your data 🚨",
+  extraLoadingText = ""
 }: {
   includeMinHeight?: boolean;
   slowLoading?: boolean;
   loadingText?: string;
+  extraLoadingText?: string;
 }) { 
   return (
     <main
@@ -24,6 +26,11 @@ export default function Loading({
         height={200}
       />
       <Title>{loadingText}</Title>
+
+      {extraLoadingText && (
+        <Subtitle>{extraLoadingText}</Subtitle>
+      )}
+
       {slowLoading && (
         <Subtitle>
           This is taking a bit longer then usual, please wait...

diff --git a/keep-ui/app/rules/AIGenRules.tsx b/keep-ui/app/rules/AIGenRules.tsx
@@ -236,7 +236,7 @@ export const AIGenRules: React.FC = () => {
   });
 
   if (isLoadingRules) {
-    return <Loading loadingText="Generating AI recommendations..." />;
+    return <Loading loadingText="Generating AI recommendations..." extraLoadingText="This might take a handfull of minutes" />;
   }
 
   if (generatedRules.error) {