From 4e0881691873d3f9b4fc74cc502a74828855110e Mon Sep 17 00:00:00 2001
From: MirrorMystic <mirrormystic1337@gmail.com>
Date: Mon, 14 Oct 2024 15:54:41 +0300
Subject: [PATCH] changing the loading text

---
 keep-ui/app/loading.tsx          | 9 ++++++++-
 keep-ui/app/rules/AIGenRules.tsx | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/keep-ui/app/loading.tsx b/keep-ui/app/loading.tsx
index 415779322e..93f2097785 100644
--- 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
index 2a9f43e9e4..3ba436e11c 100644
--- 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) {