diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RoutesExportScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RoutesExportScreen.tsx index f0c5270..5407a06 100644 --- a/frontend/src/webparts/approvalAdmin/components/screens/RoutesExportScreen.tsx +++ b/frontend/src/webparts/approvalAdmin/components/screens/RoutesExportScreen.tsx @@ -3,6 +3,7 @@ import { ApprovalRouteApi } from '../../services/api'; import { PortalDictionaryClient } from '../../services/portalDictionary'; import { texts } from '../../texts'; import { useRequestTypes } from '../../hooks/useRequestTypes'; +import { useLocalStorageState } from '../../hooks/useLocalStorageState'; import { usePortalEmployees } from '../../hooks/usePortalEmployees'; import { usePortalDictionaries } from '../../hooks/usePortalDictionaries'; import { reportError } from '../../utils/errors'; @@ -15,6 +16,10 @@ export interface IRoutesExportScreenProps { dictionary?: PortalDictionaryClient; } +// Выбранные типы заявок переживают перезагрузку страницы — выгрузку обычно +// делают по одному и тому же набору типов. +const SELECTED_STORAGE_KEY = 'approvalAdmin.routesExport.selected'; + function download(blob: Blob, fileName: string): void { const url = URL.createObjectURL(blob); const link = document.createElement('a'); @@ -31,15 +36,17 @@ export const RoutesExportScreen: React.FC = ({ api, di const employees = usePortalEmployees(dictionary); const portalDictionaries = usePortalDictionaries(dictionary); - const [selected, setSelected] = React.useState([]); + const [storedSelected, setSelected] = useLocalStorageState(SELECTED_STORAGE_KEY, []); const [isBusy, setIsBusy] = React.useState(false); const [error, setError] = React.useState(); const allIds = requestTypes.items.map(rt => rt.id); + // Удалённые с тех пор типы из сохранённого выбора не считаем. + const selected = storedSelected.filter(id => allIds.indexOf(id) !== -1); const allSelected = allIds.length > 0 && allIds.every(id => selected.indexOf(id) !== -1); const toggle = (id: number, checked: boolean): void => - setSelected(current => (checked ? [...current, id] : current.filter(x => x !== id))); + setSelected(current => (checked ? [...current.filter(x => x !== id), id] : current.filter(x => x !== id))); const runExport = (): void => { setError(undefined);