fix(userFeedbackDBLoading): added extra user feedback to db loading

apps/web/src/components/navbar/DatabaseManagement/DatabaseSelector.tsx

@@ -5,6 +5,7 @@ import { updateCurrentDatabase } from '@graphpolaris/shared/lib/data-access/stor
 import { SettingsForm } from './forms/settings';
 import { NewDatabaseForm } from './forms/AddDatabase/newdatabase';
 import { LoadingSpinner } from '@graphpolaris/shared/lib/components/LoadingSpinner';
+import { addError } from '@graphpolaris/shared/lib/data-access/store/configSlice';
 
 export default function DatabaseSelector({}) {
   const dispatch = useAppDispatch();
@@ -18,7 +19,6 @@ export default function DatabaseSelector({}) {
   const [settingsMenuOpen, setSettingsMenuOpen] = useState<boolean>(false);
   const [selectedDatabase, setSelectedDatabase] = useState<DatabaseInfo | null>(null);
   const [addDatabaseFormOpen, setAddDatabaseFormOpen] = useState<boolean>(false);
-  const [connectionError, setConnectionError] = useState<boolean>(false);
 
   useEffect(() => {
     const handleClickOutside = ({ target }: MouseEvent) => {
@@ -40,8 +40,9 @@ export default function DatabaseSelector({}) {
     let timeoutId: ReturnType<typeof setTimeout>;
     if (connecting) {
       timeoutId = setTimeout(() => {
+        dispatch(addError("Couldn't establish connection"));
         setConnecting(false);
-        setConnectionError(true);
+        dispatch(updateCurrentDatabase(''));
       }, 10000);
     }
 
@@ -73,12 +74,7 @@ export default function DatabaseSelector({}) {
           onClick={() => setDbSelectionMenuOpen(!dbSelectionMenuOpen)}
         >
           <div className="flex items-center w-full">
-            {connectionError ? (
-              <>
-                <div className="h-2 w-2 rounded-full bg-red-500" />
-                <p className="ml-2 truncate">Database connection failed</p>
-              </>
-            ) : connecting ? (
+            {connecting ? (
               <>
                 <LoadingSpinner />
                 <p className="ml-2 truncate">Connecting to {session.currentDatabase}</p>
@@ -136,7 +132,6 @@ export default function DatabaseSelector({}) {
                     setDbSelectionMenuOpen(false);
                     setConnecting(true);
                     dispatch(updateCurrentDatabase(db.Name));
-                    setConnectionError(false);
                   } else {
                     setDbSelectionMenuOpen(false);
                   }