src/lib/data-access/security/useAuthentication.tsx

@@ -11,7 +11,6 @@ const userURI = getEnvVariable('BACKEND_USER');
 export const fetchSettings: RequestInit = {
   method: 'GET',
   credentials: 'include',
-  redirect: 'follow',
 };
 
 export const useAuthentication = () => {

src/lib/management/database/DatabaseLine.tsx

@@ -15,8 +15,8 @@ import { IndicatorGraph } from '@/lib/components/charts/indicatorGraph';
 import { useActiveQuery, useAppDispatch, useGraphQueryCounts, useSessionCache, wsDeleteState } from '@/lib/data-access';
 import { clearSchema } from '@/lib/data-access/store/schemaSlice';
 import { clearQB, deleteSaveState, selectSaveState } from '@/lib/data-access/store/sessionSlice';
+import { useState } from 'react';
 import { CountQueryResultFromBackend, GraphQueryCountResultFromBackend, Query, SaveState } from 'ts-common';
-
 // Update props to include missing functions and optional sharing flag.
 interface DatabaseLineProps {
   saveState: SaveState;
@@ -83,6 +83,12 @@ export const DatabaseLine = (props: DatabaseLineProps) => {
   const activeQuery = useActiveQuery();
   const graphCounts = useGraphQueryCounts();
   const sharing = props.sharing ?? false;
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleItemClick = (callback: () => void) => {
+    callback();
+    setIsOpen(false);
+  };
 
   return (
     <>
@@ -134,43 +140,20 @@ export const DatabaseLine = (props: DatabaseLineProps) => {
               dispatch(deleteSaveState(props.saveState.id));
             }}
           />
-          <Popover>
+          <Popover open={isOpen} onOpenChange={setIsOpen}>
             <PopoverTrigger>
               <Button iconComponent="icon-[mi--options-vertical]" variant="ghost" />
             </PopoverTrigger>
             <PopoverContent className="p-1 min-w-24">
-              <DropdownItem
-                value="Open"
-                onClick={() => {
-                  props.onSelect();
-                }}
-              />
-              <DropdownItem
-                value="Update"
-                onClick={() => {
-                  props.onUpdate();
-                }}
-              />
-              <DropdownItem
-                value="Clone"
-                onClick={() => {
-                  props.onClone();
-                }}
-              />
+              <DropdownItem value="Open" onClick={() => handleItemClick(props.onSelect)} />
+              <DropdownItem value="Update" onClick={() => handleItemClick(props.onUpdate)} />
+              <DropdownItem value="Clone" onClick={() => handleItemClick(props.onClone)} />
               <DropdownItem
                 value={sharing ? 'Creating Share Link' : 'Share'}
                 disabled={sharing}
-                onClick={async () => {
-                  props.onShare();
-                }}
-              />
-              <DropdownItem
-                value="Delete"
-                onClick={() => {
-                  props.onDelete();
-                }}
-                className="text-danger"
+                onClick={() => handleItemClick(props.onShare)}
               />
+              <DropdownItem value="Delete" onClick={() => handleItemClick(props.onDelete)} className="text-danger" />
             </PopoverContent>
           </Popover>
         </td>