From 98c0004c108a1f39db6ec2a8beea174a7b0aaf48 Mon Sep 17 00:00:00 2001
From: jake <77554505+brxken128@users.noreply.github.com>
Date: Fri, 24 Nov 2023 04:30:48 +0000
Subject: [PATCH] fix: app going blank when the last library is deleted (#1814)

fix app going blank when the last library is deleted
---
 .../app/$libraryId/settings/node/libraries/DeleteDialog.tsx   | 4 ++++
 interface/app/onboarding/new-library.tsx                      | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/interface/app/$libraryId/settings/node/libraries/DeleteDialog.tsx b/interface/app/$libraryId/settings/node/libraries/DeleteDialog.tsx
index 332c93e60..2e6fc8932 100644
--- a/interface/app/$libraryId/settings/node/libraries/DeleteDialog.tsx
+++ b/interface/app/$libraryId/settings/node/libraries/DeleteDialog.tsx
@@ -1,4 +1,5 @@
 import { useQueryClient } from '@tanstack/react-query';
+import { useNavigate } from 'react-router';
 import { useBridgeMutation, usePlausibleEvent, useZodForm } from '@sd/client';
 import { Dialog, useDialog, UseDialogProps } from '@sd/ui';
 import { usePlatform } from '~/util/Platform';
@@ -11,6 +12,7 @@ export default function DeleteLibraryDialog(props: Props) {
 	const submitPlausibleEvent = usePlausibleEvent();
 	const queryClient = useQueryClient();
 	const platform = usePlatform();
+	const navigate = useNavigate();
 
 	const deleteLib = useBridgeMutation('library.delete');
 
@@ -29,6 +31,8 @@ export default function DeleteLibraryDialog(props: Props) {
 					type: 'libraryDelete'
 				}
 			});
+
+			navigate('/');
 		} catch (e) {
 			alert(`Failed to delete library: ${e}`);
 		}
diff --git a/interface/app/onboarding/new-library.tsx b/interface/app/onboarding/new-library.tsx
index 0a2a5479b..a612b16bf 100644
--- a/interface/app/onboarding/new-library.tsx
+++ b/interface/app/onboarding/new-library.tsx
@@ -34,7 +34,7 @@ export default function OnboardingNewLibrary() {
 				</OnboardingDescription>
 
 				{importMode ? (
-					<div className="space-x-2 mt-7">
+					<div className="mt-7 space-x-2">
 						<Button onClick={handleImport} variant="accent" size="sm">
 							Import
 						</Button>
@@ -53,7 +53,7 @@ export default function OnboardingNewLibrary() {
 							placeholder={'e.g. "James\' Library"'}
 						/>
 						<div className="flex grow" />
-						<div className="space-x-2 mt-7">
+						<div className="mt-7 space-x-2">
 							<Button
 								type="submit"
 								variant="accent"