@orchestrator-ui/orchestrator-ui-components/src/hooks/useStoredTableConfig.ts

Library of UI Components used to display the workflow orchestrator frontend

import { useCallback, useMemo } from 'react';

import { useTranslations } from 'next-intl';

import { ToastTypes } from '@/types';

import type { StoredTableConfig } from '../components';
import { getTableConfigFromLocalStorage } from '../components';
import { getDefaultTableConfig } from '../utils/getDefaultTableConfig';
import { useShowToastMessage } from './useShowToastMessage';

export const useStoredTableConfig = <T>(localeStorageKey: string) => {
    const { showToastMessage } = useShowToastMessage();
    const t = useTranslations('errors');
    const tableConfig: StoredTableConfig<T> = useMemo(
        () => getDefaultTableConfig<T>(localeStorageKey),
        [localeStorageKey],
    );

    const getStoredTableConfig = useCallback(():
        | StoredTableConfig<T>
        | undefined => {
        try {
            const storedConfig =
                getTableConfigFromLocalStorage(localeStorageKey);
            if (storedConfig) {
                tableConfig.hiddenColumns = storedConfig.hiddenColumns;
                tableConfig.selectedPageSize = storedConfig.selectedPageSize;
            }
            return tableConfig;
        } catch {
            showToastMessage(
                ToastTypes.ERROR,
                t('retrieve_stored_settings'),
                t('retrieve_stored_settings_title'),
            );
            return tableConfig;
        }
        // Adding toastMessage to the dependency array here will result in an infinite loop in code calling the useStoredTableConfig hook
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [localeStorageKey, tableConfig]);

    return getStoredTableConfig;
};