From 342940d27f89cfd318e7476ad5a2205d6ed67171 Mon Sep 17 00:00:00 2001
From: NlightN22 <oncharterliz@gmail.com>
Date: Mon, 11 Mar 2024 18:59:29 +0700
Subject: [PATCH] delete HostStoragePage

---
 src/pages/HostStoragePage.tsx                 | 31 -------------------
 src/router/routes.tsx                         |  5 ---
 src/services/frigate.proxy/frigate.api.ts     |  5 ++-
 .../components/images/AutoUpdatedImage.tsx    |  2 +-
 .../components/menu/HostSettingsMenu.tsx      | 11 +------
 5 files changed, 6 insertions(+), 48 deletions(-)
 delete mode 100644 src/pages/HostStoragePage.tsx

diff --git a/src/pages/HostStoragePage.tsx b/src/pages/HostStoragePage.tsx
deleted file mode 100644
index a5069a5..0000000
--- a/src/pages/HostStoragePage.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React, { useContext, useEffect, useRef } from 'react';
-import { Context } from '..';
-import { useAdminRole } from '../hooks/useAdminRole';
-import Forbidden from './403';
-import { observer } from 'mobx-react-lite';
-
-const HostStoragePage = () => {
-    const executed = useRef(false)
-    const { sideBarsStore } = useContext(Context)
-    const { isAdmin } = useAdminRole()
-
-    useEffect(() => {
-        if (!executed.current) {
-            sideBarsStore.rightVisible = false
-            sideBarsStore.setLeftChildren(null)
-            sideBarsStore.setRightChildren(null)
-            executed.current = true
-        }
-    }, [sideBarsStore])
-
-
-
-    if (!isAdmin) return <Forbidden />
-    return (
-        <div>
-            Storage Page - NOT YET IMPLEMENTED
-        </div>
-    );
-};
-
-export default observer(HostStoragePage);
\ No newline at end of file
diff --git a/src/router/routes.tsx b/src/router/routes.tsx
index 3842bc4..082b612 100644
--- a/src/router/routes.tsx
+++ b/src/router/routes.tsx
@@ -9,7 +9,6 @@ import SettingsPage from "../pages/SettingsPage";
 import FrigateHostsPage from "../pages/FrigateHostsPage";
 import HostConfigPage from "../pages/HostConfigPage";
 import HostSystemPage from "../pages/HostSystemPage";
-import HostStoragePage from "../pages/HostStoragePage";
 import LiveCameraPage from "../pages/LiveCameraPage";
 import RecordingsPage from "../pages/RecordingsPage";
 import AccessSettings from "../pages/AccessSettingsPage";
@@ -45,10 +44,6 @@ export const routes: IRoute[] = [
         path: routesPath.HOST_SYSTEM_PATH,
         component: <HostSystemPage />,
     },
-    {
-        path: routesPath.HOST_STORAGE_PATH,
-        component: <HostStoragePage />,
-    },
     {
         path: routesPath.ACCESS_PATH,
         component: <AccessSettings />,
diff --git a/src/services/frigate.proxy/frigate.api.ts b/src/services/frigate.proxy/frigate.api.ts
index 62e87b3..1554ca3 100644
--- a/src/services/frigate.proxy/frigate.api.ts
+++ b/src/services/frigate.proxy/frigate.api.ts
@@ -67,8 +67,11 @@ export const proxyPrefix = `${proxyURL.protocol}//${proxyURL.host}/proxy/`
 export const proxyApi = {
     getHostConfigRaw: (hostName: string) => instanceApi.get(`proxy/${hostName}/api/config/raw`).then(res => res.data),
     getHostConfig: (hostName: string) => instanceApi.get(`proxy/${hostName}/api/config`).then(res => res.data),
-    getImageFrigate: async (imageUrl: string) => {
+    getImageFrigate: async (imageUrl: string, height?: number) => {
         const response = await instanceApi.get<Blob>(imageUrl, {
+            params: {
+                h: height
+            },
             responseType: 'blob',
             timeout: 10 * 1000
         })
diff --git a/src/shared/components/images/AutoUpdatedImage.tsx b/src/shared/components/images/AutoUpdatedImage.tsx
index 264ee9f..4cf3b52 100644
--- a/src/shared/components/images/AutoUpdatedImage.tsx
+++ b/src/shared/components/images/AutoUpdatedImage.tsx
@@ -26,7 +26,7 @@ const AutoUpdatedImage = ({
 
   const { data: imageBlob, refetch, isPending, isError } = useQuery({
     queryKey: [imageUrl],
-    queryFn: () => proxyApi.getImageFrigate(imageUrl),
+    queryFn: () => proxyApi.getImageFrigate(imageUrl, 522),
     staleTime: 60 * 1000,
     gcTime: Infinity,
     refetchInterval: isVisible ? 30 * 1000 : undefined,
diff --git a/src/shared/components/menu/HostSettingsMenu.tsx b/src/shared/components/menu/HostSettingsMenu.tsx
index cf01d95..a3351a2 100644
--- a/src/shared/components/menu/HostSettingsMenu.tsx
+++ b/src/shared/components/menu/HostSettingsMenu.tsx
@@ -22,10 +22,7 @@ const HostSettingsMenu = ({ host }: HostSettingsMenuProps) => {
         const url = routesPath.HOST_CONFIG_PATH.replace(':id', host.id)
         navigate(url)
     }
-    const handleStorage = () => {
-        const url = routesPath.HOST_STORAGE_PATH.replace(':id', host.id)
-        navigate(url)
-    }
+
     const handleSystem = () => {
         const url = routesPath.HOST_SYSTEM_PATH.replace(':id', host.id)
         navigate(url)
@@ -57,12 +54,6 @@ const HostSettingsMenu = ({ host }: HostSettingsMenuProps) => {
                     icon={<IconGraph style={{ width: rem(14), height: rem(14) }} />}>
                     {t('hostMenu.system')}
                 </Menu.Item>
-                <Menu.Item
-                    onClick={handleStorage}
-                    icon={<IconServer
-                        style={{ width: rem(14), height: rem(14) }} />}>
-                    {t('hostMenu.storage')}
-                </Menu.Item>
             </Menu.Dropdown>
         </Menu>
     )