Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/ce/components/issues/worklog/activity/filter-root.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import type { FC } from "react";
+// plane imports
+import type { TActivityFilters, TActivityFilterOption } from "@plane/constants";
+import { ACTIVITY_FILTER_TYPE_OPTIONS } from "@plane/constants";
+// components
+import { ActivityFilter } from "@/components/issues/issue-detail/issue-activity";
+
+export type TActivityFilterRoot = {
+  selectedFilters: TActivityFilters[];
+  toggleFilter: (filter: TActivityFilters) => void;
+  projectId: string;
+  isIntakeIssue?: boolean;
+};
+
+export const ActivityFilterRoot: FC<TActivityFilterRoot> = (props) => {
+  const { selectedFilters, toggleFilter } = props;
+
+  const filters: TActivityFilterOption[] = Object.entries(ACTIVITY_FILTER_TYPE_OPTIONS).map(([key, value]) => {
+    const filterKey = key as TActivityFilters;
+    return {
+      key: filterKey,
+      labelTranslationKey: value.labelTranslationKey,
+      isSelected: selectedFilters.includes(filterKey),
+      onClick: () => toggleFilter(filterKey),
+    };
+  });
+
+  return <ActivityFilter selectedFilters={selectedFilters} filterOptions={filters} />;
+};

apps/web/ce/components/issues/worklog/activity/index.ts

@@ -0,0 +1 @@
+export * from "./root";

apps/web/ce/components/issues/worklog/activity/root.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import type { FC } from "react";
+import type { TIssueActivityComment } from "@plane/types";
+
+type TIssueActivityWorklog = {
+  workspaceSlug: string;
+  projectId: string;
+  issueId: string;
+  activityComment: TIssueActivityComment;
+  ends?: "top" | "bottom";
+};
+
+export const IssueActivityWorklog: FC<TIssueActivityWorklog> = () => <></>;

apps/web/ce/components/issues/worklog/activity/worklog-create-button.tsx

@@ -0,0 +1,12 @@
+"use client";
+
+import type { FC } from "react";
+
+type TIssueActivityWorklogCreateButton = {
+  workspaceSlug: string;
+  projectId: string;
+  issueId: string;
+  disabled: boolean;
+};
+
+export const IssueActivityWorklogCreateButton: FC<TIssueActivityWorklogCreateButton> = () => <></>;