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
53
54
55
56
57
58
59
60
61

import { t, Trans } from "@lingui/macro";
import { Dispatch, DispatchWithoutAction, SetStateAction } from "react";
import api from "../../api";
import { useAppDispatch, useAppSelector } from "../../state/hooks";
import { match } from "oxide.ts";
import { apiErrorMessage } from "../../state/slices/user";
import Modal from "./ModalBase";
import { GroupSummary } from "../../types/api";

interface Props {
  group: GroupSummary | null;
  setGroup: Dispatch<SetStateAction<GroupSummary | null>>;
  onDelete: DispatchWithoutAction;
}

export default function DeleteGroupModal({ group, setGroup, onDelete }: Props) {
  const dispatch = useAppDispatch();
  const { token, activeOrganization } = useAppSelector((state) => state.user);

  function onSubmit() {
    api
      .deleteGroup(
        token as string,
        activeOrganization?.organization.id as number,
        group?.id as number,
      )
      .then((res) => {
        match(res, {
          Ok: () => {
            onDelete();
          },
          Err: (error) => {
            dispatch(apiErrorMessage(error));
          },
        });
        setGroup(null);
      });
  }

  return group ? (
    <Modal
      title={`Delete group`}
      description={
        <Trans>
          Are you sure you want to delete the group{" "}
          <span className="font-medium text-gray-900">{group.name}</span>? This
          action cannot be undone.
        </Trans>
      }
      submitText={t`Delete`}
      cancelButton
      open={!!group}
      close={() => setGroup(null)}
      onSubmit={onSubmit}
      controls={[]}
      danger={true}
    />
  ) : (
    <></>
  );
}