- refactor context menu and action bar into seperate components

- fix styling context menu
2023-08-10 21:30:25 +02:00
parent 807506549a
commit b76f01d930
16 changed files with 337 additions and 82 deletions
@@ -0,0 +1,29 @@
+import { IconCheckbox, IconNotes } from '@tabler/icons-react';
+
+import { useOpenCreateActivityDrawerForSelectedRowIds } from '@/activities/hooks/useOpenCreateActivityDrawerForSelectedRowIds';
+import { EntityTableContextMenuEntry } from '@/ui/table/context-menu/components/EntityTableContextMenuEntry';
+import { ActivityType, CommentableType } from '~/generated/graphql';
+
+export function TableContextMenuEntryCreateActivityCompany() {
+  const openCreateActivityRightDrawer =
+    useOpenCreateActivityDrawerForSelectedRowIds();
+
+  async function handleButtonClick(type: ActivityType) {
+    openCreateActivityRightDrawer(type, CommentableType.Company);
+  }
+
+  return (
+    <>
+      <EntityTableContextMenuEntry
+        label="Note"
+        icon={<IconNotes size={16} />}
+        onClick={() => handleButtonClick(ActivityType.Note)}
+      />
+      <EntityTableContextMenuEntry
+        label="Task"
+        icon={<IconCheckbox size={16} />}
+        onClick={() => handleButtonClick(ActivityType.Task)}
+      />
+    </>
+  );
+}