export.page.tsx 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. import { useEffect, useMemo } from 'react';
  2. import type {
  3. NextPage, GetServerSideProps, GetServerSidePropsContext,
  4. } from 'next';
  5. import { useTranslation } from 'next-i18next';
  6. import dynamic from 'next/dynamic';
  7. import Head from 'next/head';
  8. import type { Container } from 'unstated';
  9. import { Provider } from 'unstated';
  10. import type { CommonProps } from '~/pages/utils/commons';
  11. import { generateCustomTitle } from '~/pages/utils/commons';
  12. import { useCurrentUser } from '~/stores-universal/context';
  13. import { retrieveServerSideProps } from '../../utils/admin-page-util';
  14. const AdminLayout = dynamic(() => import('~/components/Layout/AdminLayout'), { ssr: false });
  15. const ExportArchiveDataPage = dynamic(() => import('~/client/components/Admin/ExportArchiveDataPage'), { ssr: false });
  16. const ForbiddenPage = dynamic(() => import('~/client/components/Admin/ForbiddenPage').then(mod => mod.ForbiddenPage), { ssr: false });
  17. const AdminExportDataArchivePage: NextPage<CommonProps> = (props) => {
  18. const { t } = useTranslation('admin');
  19. useCurrentUser(props.currentUser ?? null);
  20. const componentTitle = t('export_management.export_archive_data');
  21. const pageTitle = generateCustomTitle(props, componentTitle);
  22. const injectableContainers: Container<any>[] = useMemo(() => [], []);
  23. useEffect(() => {
  24. (async() => {
  25. const AdminAppContainer = (await import('~/client/services/AdminAppContainer')).default;
  26. const adminAppContainer = new AdminAppContainer();
  27. injectableContainers.push(adminAppContainer);
  28. })();
  29. }, [injectableContainers]);
  30. if (props.isAccessDeniedForNonAdminUser) {
  31. return <ForbiddenPage />;
  32. }
  33. return (
  34. <Provider inject={[...injectableContainers]}>
  35. <AdminLayout componentTitle={componentTitle}>
  36. <Head>
  37. <title>{pageTitle}</title>
  38. </Head>
  39. <ExportArchiveDataPage />
  40. </AdminLayout>
  41. </Provider>
  42. );
  43. };
  44. export const getServerSideProps: GetServerSideProps = async(context: GetServerSidePropsContext) => {
  45. const props = await retrieveServerSideProps(context);
  46. return props;
  47. };
  48. export default AdminExportDataArchivePage;