client/src/pages/data/index.tsx from Vizzuality/landgriffon

client/src/pages/data/index.tsx
Summary

Maintainability

5 hrs
Test Coverage

Issues
import Head from 'next/head';
import { GetServerSideProps } from 'next';
import { dehydrate } from '@tanstack/react-query';

import { auth } from '@/pages/api/auth/[...nextauth]';
import getQueryClient from '@/lib/react-query';
import { useSourcingLocations } from '@/hooks/sourcing-locations';
import AdminLayout from '@/layouts/admin';
import AdminDataUploader from '@/containers/admin/data-uploader';
import AdminDataTable from '@/containers/admin/data-table';
import Search from '@/components/search';
import { useLasTask } from '@/hooks/tasks';

const AdminDataPage: React.FC = () => {
  const { data, isFetched: sourcingLocationsAreFetched } = useSourcingLocations({
    fields: 'updatedAt',
    'page[number]': 1,
    'page[size]': 1,
  });

  const { data: lastTask, isFetched: lastTaskIsFetched } = useLasTask();

  const hasData = sourcingLocationsAreFetched && data?.meta?.totalItems > 0;

  const showDataTable = hasData && lastTask?.status !== 'processing';
  const showDataUploader =
    ['processing', 'failed'].includes(lastTask?.status) ||
    (!lastTask && lastTaskIsFetched) ||
    !hasData;

  return (
    <AdminLayout
      title="Manage data"
      searchSection={
        <Search
          placeholder="Search by material..."
          data-testid="search-name-scenario"
          className="border-none"
          searchQuery="search"
          disabled
        />
      }
    >
      <Head>
        <title>Manage data | Landgriffon</title>
      </Head>
      {showDataTable && <AdminDataTable />}
      {showDataUploader && <AdminDataUploader />}
    </AdminLayout>
  );
};

export const getServerSideProps: GetServerSideProps = async (ctx) => {
  const session = await auth(ctx.req, ctx.res);
  const queryClient = getQueryClient();

  queryClient.setQueryData(['profile', session.accessToken], session.user);

  return {
    props: {
      session,
      dehydratedState: dehydrate(queryClient),
    },
  };
};

export default AdminDataPage;