github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(sidebar): save sidebar state to local storage (#7207)

pull/7316/head
Chaim Lev-Ari 2022-07-28 19:24:25 +02:00 committed by GitHub
parent 762c664948
commit ea60740d48
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/react/sidebar/EnvironmentSidebar.tsx
View File

@ -1,5 +1,5 @@
import { useCurrentStateAndParams, useRouter } from '@uirouter/react'; import { useCurrentStateAndParams, useRouter } from '@uirouter/react';
import { useEffect, useState } from 'react'; import { useEffect } from 'react';
import { X, Slash } from 'react-feather'; import { X, Slash } from 'react-feather';
import { import {
@ -9,6 +9,7 @@ import {
} from '@/portainer/environments/types'; } from '@/portainer/environments/types';
import { getPlatformType } from '@/portainer/environments/utils'; import { getPlatformType } from '@/portainer/environments/utils';
import { useEnvironment } from '@/portainer/environments/queries/useEnvironment'; import { useEnvironment } from '@/portainer/environments/queries/useEnvironment';
import { useLocalStorage } from '@/portainer/hooks/useLocalStorage';
import { getPlatformIcon } from '../portainer/environments/utils/get-platform-icon'; import { getPlatformIcon } from '../portainer/environments/utils/get-platform-icon';
@ -86,14 +87,16 @@ function Content({ environment, onClear }: ContentProps) {
function useCurrentEnvironment() { function useCurrentEnvironment() {
const { params } = useCurrentStateAndParams(); const { params } = useCurrentStateAndParams();
const router = useRouter(); const router = useRouter();
const [environmentId, setEnvironmentId] = useState<EnvironmentId>(); const [environmentId, setEnvironmentId] = useLocalStorage<
EnvironmentId | undefined
>('environmentId', undefined, sessionStorage);
useEffect(() => { useEffect(() => {
const environmentId = parseInt(params.endpointId, 10); const environmentId = parseInt(params.endpointId, 10);
if (params.endpointId && !Number.isNaN(environmentId)) { if (params.endpointId && !Number.isNaN(environmentId)) {
setEnvironmentId(environmentId); setEnvironmentId(environmentId);
} }
}, [params.endpointId]); }, [params.endpointId, setEnvironmentId]);
return { query: useEnvironment(environmentId), clearEnvironment }; return { query: useEnvironment(environmentId), clearEnvironment };