From 3f5f1850b17eb0f5c4cd0970c22421f85d5a2bd6 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 1 Mar 2024 23:55:10 +0000
Subject: feature: Default server address for the bookmark and a spinner while
 its saving

---
 packages/browser-extension/src/SavePage.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'packages/browser-extension/src/SavePage.tsx')

diff --git a/packages/browser-extension/src/SavePage.tsx b/packages/browser-extension/src/SavePage.tsx
index 2de19def..955cc7cb 100644
--- a/packages/browser-extension/src/SavePage.tsx
+++ b/packages/browser-extension/src/SavePage.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { Settings } from "./settings";
+import Spinner from "./Spinner";
 
 export default function SavePage({ settings }: { settings: Settings }) {
   const [loading, setLoading] = useState(true);
@@ -52,12 +53,16 @@ export default function SavePage({ settings }: { settings: Settings }) {
   }, [settings]);
 
   if (loading) {
-    return <div>Loading ...</div>;
+    return (
+      <div className="m-auto">
+        <Spinner />
+      </div>
+    );
   }
 
   if (error) {
     return <div className="text-red-500">{error} ...</div>;
   }
 
-  return <div>SAVED!</div>;
+  return <div className="m-auto text-lg">Bookmark Saved</div>;
 }
-- 
cgit v1.2.3-70-g09d2

