From fcb5f946dd676d3583587350a4db5e5c8403760a Mon Sep 17 00:00:00 2001
From: JeevaRamanathan M <jeevaramanathan.m@infosys.com>
Date: Tue, 22 Oct 2024 22:37:56 +0000
Subject: [PATCH] fixed according to suggestion

Signed-off-by: JeevaRamanathan M <jeevaramanathan.m@infosys.com>
---
 frontend/src/Navigation.tsx | 10 ++++------
 frontend/src/store.ts       |  5 ++++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index aa0b1a58..6050108e 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -11,7 +11,6 @@ import DocsGPT3 from './assets/cute_docsgpt3.svg';
 import Discord from './assets/discord.svg';
 import Expand from './assets/expand.svg';
 import Github from './assets/github.svg';
-import Info from './assets/info.svg';
 import SettingGear from './assets/settingGear.svg';
 import Twitter from './assets/TwitterX.svg';
 import UploadIcon from './assets/upload.svg';
@@ -44,7 +43,6 @@ import Spinner from './assets/spinner.svg';
 import SpinnerDark from './assets/spinner-dark.svg';
 import { selectQueries } from './conversation/conversationSlice';
 import Upload from './upload/Upload';
-import ShareButton from './components/ShareButton';
 import Help from './components/Help';
 
 interface NavigationProps {
@@ -314,14 +312,14 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
           className="mb-auto h-[78vh] overflow-y-auto overflow-x-hidden dark:text-white"
         >
           {conversations?.loading && (
-            <div className="my-auto mx-4 mt-2 flex h-6 items-center justify-center">
+            <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
               <img
                 src={isDarkTheme ? SpinnerDark : Spinner}
-                className="relative animate-spin cursor-pointer self-end bg-transparent"
-              ></img>
+                className="animate-spin cursor-pointer bg-transparent"
+                alt="Loading..."
+              />
             </div>
           )}
-
           {conversations?.data && conversations.data.length > 0 ? (
             <div>
               <div className=" my-auto mx-4 mt-2 flex h-6 items-center justify-between gap-4 rounded-3xl">
diff --git a/frontend/src/store.ts b/frontend/src/store.ts
index 565ea8cc..5843d493 100644
--- a/frontend/src/store.ts
+++ b/frontend/src/store.ts
@@ -23,7 +23,10 @@ const preloadedState: { preference: Preference } = {
     chunks: JSON.parse(chunks ?? '2').toString(),
     token_limit: token_limit ? parseInt(token_limit) : 2000,
     selectedDocs: doc !== null ? JSON.parse(doc) : null,
-    conversations: null,
+    conversations: {
+      data: null,
+      loading: false,
+    },
     sourceDocs: [
       {
         name: 'default',