13b10471ec
* feat: setup checklist schema * feat: scaffold checklist router * feat: add create new checklist modal * feat: create new checklist item * feat: toggle checklist item completed state * feat: update checklist name * feat: delete checklist * feat: show checklists progress on cards * feat: tweak light mode styling * feat: focus item form on creation of new checklist * feat: tweak new checklist item form styling * feat: add checklist activity * feat: show checklist progress on public board page * feat: display checklist items on public card modal * chore: add translations
35 lines
861 B
TypeScript
35 lines
861 B
TypeScript
import { t } from "@lingui/core/macro";
|
|
import {
|
|
HiEllipsisHorizontal,
|
|
HiOutlineCheckCircle,
|
|
HiOutlineTrash,
|
|
} from "react-icons/hi2";
|
|
|
|
import Dropdown from "~/components/Dropdown";
|
|
import { useModal } from "~/providers/modal";
|
|
|
|
export default function BoardDropdown() {
|
|
const { openModal } = useModal();
|
|
|
|
return (
|
|
<Dropdown
|
|
items={[
|
|
{
|
|
label: t`Add checklist`,
|
|
action: () => openModal("ADD_CHECKLIST"),
|
|
icon: (
|
|
<HiOutlineCheckCircle className="h-[16px] w-[16px] text-dark-900" />
|
|
),
|
|
},
|
|
{
|
|
label: t`Delete card`,
|
|
action: () => openModal("DELETE_CARD"),
|
|
icon: <HiOutlineTrash className="h-[16px] w-[16px] text-dark-900" />,
|
|
},
|
|
]}
|
|
>
|
|
<HiEllipsisHorizontal className="h-6 w-6 text-dark-900" />
|
|
</Dropdown>
|
|
);
|
|
}
|