From acce9b97f62fbfdc3718e76c503463f11667f42e Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Sat, 12 Oct 2024 16:54:46 +0530
Subject: [PATCH] feat: Improve UI for loading OpenAI models

Make the loading state of OpenAI models more visually appealing and user-friendly by replacing the default `Spin` component with a more contextually relevant loading animation within a centered container. This provides a better visual cue to users while models are being fetched.
---
 src/components/Option/Settings/openai-fetch-model.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Option/Settings/openai-fetch-model.tsx b/src/components/Option/Settings/openai-fetch-model.tsx
index ce86dad..c64e030 100644
--- a/src/components/Option/Settings/openai-fetch-model.tsx
+++ b/src/components/Option/Settings/openai-fetch-model.tsx
@@ -77,7 +77,11 @@ export const OpenAIFetchModel = ({ openaiId, setOpenModelModal }: Props) => {
   }
 
   if (status === "pending") {
-    return <Spin />
+    return (
+      <div className="flex items-center justify-center h-40">
+        <Spin size="large" />
+      </div>
+    )
   }
   if (status === "error" || !data || data.length === 0) {
     return (