From cfde45abee531cf834b3b5a7a0d57c54d007703d Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Mon, 30 Oct 2023 17:19:48 -0400
Subject: [PATCH] Add check for quick connect enabled in menu

---
 src/components/toolbar/AppUserMenu.tsx | 28 +++++++++++++++-----------
 src/hooks/useQuickConnect.ts           | 25 +++++++++++++++++++++++
 2 files changed, 41 insertions(+), 12 deletions(-)
 create mode 100644 src/hooks/useQuickConnect.ts

diff --git a/src/components/toolbar/AppUserMenu.tsx b/src/components/toolbar/AppUserMenu.tsx
index 634d02cf88..00121029e4 100644
--- a/src/components/toolbar/AppUserMenu.tsx
+++ b/src/components/toolbar/AppUserMenu.tsx
@@ -19,6 +19,7 @@ import { appHost } from 'components/apphost';
 import { useApi } from 'hooks/useApi';
 import globalize from 'scripts/globalize';
 import Dashboard from 'utils/dashboard';
+import { useQuickConnectEnabled } from 'hooks/useQuickConnect';
 
 export const ID = 'app-user-menu';
 
@@ -32,6 +33,7 @@ const AppUserMenu: FC<AppUserMenuProps> = ({
     onMenuClose
 }) => {
     const { user } = useApi();
+    const { data: isQuickConnectEnabled } = useQuickConnectEnabled();
 
     const onClientSettingsClick = useCallback(() => {
         window.NativeShell?.openClientSettings();
@@ -138,18 +140,20 @@ const AppUserMenu: FC<AppUserMenuProps> = ({
             ])}
 
             <Divider />
-            <MenuItem
-                component={Link}
-                to='/quickconnect'
-                onClick={onMenuClose}
-            >
-                <ListItemIcon>
-                    <PhonelinkLock />
-                </ListItemIcon>
-                <ListItemText>
-                    {globalize.translate('QuickConnect')}
-                </ListItemText>
-            </MenuItem>
+            {isQuickConnectEnabled && (
+                <MenuItem
+                    component={Link}
+                    to='/quickconnect'
+                    onClick={onMenuClose}
+                >
+                    <ListItemIcon>
+                        <PhonelinkLock />
+                    </ListItemIcon>
+                    <ListItemText>
+                        {globalize.translate('QuickConnect')}
+                    </ListItemText>
+                </MenuItem>
+            )}
 
             {appHost.supports('multiserver') && (
                 <MenuItem
diff --git a/src/hooks/useQuickConnect.ts b/src/hooks/useQuickConnect.ts
new file mode 100644
index 0000000000..c99fbd3d9a
--- /dev/null
+++ b/src/hooks/useQuickConnect.ts
@@ -0,0 +1,25 @@
+import { getQuickConnectApi } from '@jellyfin/sdk/lib/utils/api/quick-connect-api';
+import { useQuery } from '@tanstack/react-query';
+import { AxiosRequestConfig } from 'axios';
+
+import { JellyfinApiContext, useApi } from './useApi';
+
+const fetchQuickConnectEnabled = async (
+    apiContext: JellyfinApiContext,
+    options?: AxiosRequestConfig
+) => {
+    const { api } = apiContext;
+    if (!api) throw new Error('No API instance available');
+
+    const response = await getQuickConnectApi(api)
+        .getQuickConnectEnabled(options);
+    return response.data;
+};
+
+export const useQuickConnectEnabled = () => {
+    const currentApi = useApi();
+    return useQuery({
+        queryKey: [ 'QuickConnect', 'Enabled' ],
+        queryFn: ({ signal }) => fetchQuickConnectEnabled(currentApi, { signal })
+    });
+};