SuppliersListPage.tsx

// . /index page
import { useEffect } from "react";
import styled from "styled-components";

import { MainHeader } from "../../features/common/layout/MainHeader";
import { SalesHistoryLoader } from "../../features/salesHistoryLoader";
import { SuppliersTable } from "../../features/suppliers";
import { useTranslation } from "../../i18n/useTranslation";
import { CheckAccessApi } from "../../requests/checkAccess";

export const SuppliersListPage = () => {
  const { t } = useTranslation();

  return (
    <Wrapper>
      <MainHeader
        hideMarketplace={true}
        title={t("suppliers.pages.index.title")}
        description={t("suppliers.pages.index.description")}
      />
      <SalesHistoryLoader>
        <SuppliersTable />
      </SalesHistoryLoader>
    </Wrapper>
  );
};

const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing.sp16};
`;