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
- return (
-
- Storage Page - NOT YET IMPLEMENTED
-
- );
-};
-
-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: ,
},
- {
- path: routesPath.HOST_STORAGE_PATH,
- component: ,
- },
{
path: routesPath.ACCESS_PATH,
component: ,
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(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={}>
{t('hostMenu.system')}
- }>
- {t('hostMenu.storage')}
-
)