samling 0.13.1

App for managing apparel collections
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

import { useLocalize } from "../../../i18n";
import { t } from "@lingui/macro";
import { useGroupSummaries } from "../../../api";
import Breadcrumbs from "../../../components/nav/Breadcrumbs";
import ApiError from "../errors/ApiError";
import Loading from "../../../components/Loading";
import { GroupSummary } from "../../../types/api";
import { useTitle } from "../../../hooks";
import GroupsTable from "../../../components/admin/GroupsTable";

export default function AdminGroupsPage() {
  useTitle([t`Admin`, t`Groups`]);

  const [groupsResult, refreshGroups] = useGroupSummaries();

  if (groupsResult.isErr()) {
    return <ApiError error={groupsResult.unwrapErr()} />;
  }

  const groups = groupsResult.unwrap();

  if (groups === null) {
    return <Loading />;
  } else {
    return <AdminGroupsInner groups={groups} refreshGroups={refreshGroups} />;
  }
}

interface AdminGroupsInnerProps {
  groups: GroupSummary[];
  refreshGroups: () => void;
}

export function AdminGroupsInner({
  groups,
  refreshGroups,
}: AdminGroupsInnerProps) {
  const { i18nLink } = useLocalize();
  const breadcrumbItems = [
    { title: t`Admin`, to: i18nLink("/app/admin"), current: false },
    { title: t`Groups`, to: i18nLink("/app/admin/groups"), current: true },
  ];

  return (
    <>
      <Breadcrumbs items={breadcrumbItems} />
      <div className="px-4 sm:px-6 lg:px-8">
        <GroupsTable groups={groups} refreshGroups={refreshGroups} />
      </div>
    </>
  );
}