Drive switcher navigates

Author: joepio

data-browser/src/components/SideBar/DriveSwitcher.tsx

@@ -9,6 +9,7 @@ import {
 } from 'react-icons/fa';
 import { useNavigate } from 'react-router-dom';
 import { useSettings } from '../../helpers/AppSettings';
+import { constructOpenURL } from '../../helpers/navigation';
 import { useDriveHistory } from '../../hooks/useDriveHistory';
 import { useSavedDrives } from '../../hooks/useSavedDrives';
 import { paths } from '../../routes/paths';
@@ -45,6 +46,7 @@ export function DriveSwitcher() {
   const buildHandleHistoryDriveClick = (subject: string) => () => {
     setDrive(subject);
     addToHistory(subject);
+    navigate(constructOpenURL(subject));
   };
 
   const createNewDrive = useDefaultNewInstanceHandler(
@@ -59,7 +61,10 @@ export function DriveSwitcher() {
         label: getTitle(resource),
         helper: `Switch to ${getTitle(resource)}`,
         disabled: subject === drive,
-        onClick: () => setDrive(subject),
+        onClick: () => {
+          setDrive(subject);
+          navigate(constructOpenURL(subject));
+        },
         icon: subject === drive ? <FaRegCheckCircle /> : <FaRegCircle />,
       })),
       DIVIDER,

data-browser/src/routes/SettingsServer/index.tsx

@@ -15,9 +15,12 @@ import { useDriveHistory } from '../../hooks/useDriveHistory';
 import { DrivesCard } from './DrivesCard';
 import styled from 'styled-components';
 import { useSavedDrives } from '../../hooks/useSavedDrives';
+import { constructOpenURL } from '../../helpers/navigation';
+import { useNavigate } from 'react-router';
 
 export function SettingsServer(): JSX.Element {
   const { drive: baseURL, setDrive: setBaseURL } = useSettings();
+  const navigate = useNavigate();
   const [baseUrlInput, setBaseUrlInput] = useState<string>(baseURL);
   const [baseUrlErr, setErrBaseUrl] = useState<Error | undefined>();
 
@@ -30,6 +33,7 @@ export function SettingsServer(): JSX.Element {
       setBaseURL(url);
       setBaseUrlInput(url);
       addDriveToHistory(url);
+      navigate(constructOpenURL(url));
     } catch (e) {
       setErrBaseUrl(e);
     }

data-browser/tests/e2e.spec.ts

@@ -52,10 +52,10 @@ test.describe('data-browser', async () => {
   test('switch Server URL', async ({ page }) => {
     await expect(page.locator(`text=${demoInviteName}`)).not.toBeVisible();
     await changeDrive('https://atomicdata.dev', page);
-    await expect(page.locator(`text=${demoInviteName}`)).toBeVisible();
+    await expect(page.locator(`text=${demoInviteName}`).first()).toBeVisible();
   });
 
-  test('sign in with secret, edit profile, sign out', async ({ page }) => {
+  test('sign in with secret, edit prole, sign out', async ({ page }) => {
     await signIn(page);
     await editProfileAndCommit(page);