feat: init

apps/web/ce/components/relations/activity.ts

@@ -0,0 +1,24 @@
+import type { TIssueActivity } from "@plane/types";
+
+export const getRelationActivityContent = (activity: TIssueActivity | undefined): string | undefined => {
+  if (!activity) return;
+
+  switch (activity.field) {
+    case "blocking":
+      return activity.old_value === ""
+        ? `marked this work item is blocking work item `
+        : `removed the blocking work item `;
+    case "blocked_by":
+      return activity.old_value === ""
+        ? `marked this work item is being blocked by `
+        : `removed this work item being blocked by work item `;
+    case "duplicate":
+      return activity.old_value === ""
+        ? `marked this work item as duplicate of `
+        : `removed this work item as a duplicate of `;
+    case "relates_to":
+      return activity.old_value === "" ? `marked that this work item relates to ` : `removed the relation from `;
+  }
+
+  return;
+};

apps/web/ce/components/relations/index.tsx

@@ -0,0 +1,39 @@
+import { CircleDot, CopyPlus, XCircle } from "lucide-react";
+import { RelatedIcon } from "@plane/propel/icons";
+import type { TRelationObject } from "@/components/issues/issue-detail-widgets/relations";
+import type { TIssueRelationTypes } from "../../types";
+
+export * from "./activity";
+
+export const ISSUE_RELATION_OPTIONS: Record<TIssueRelationTypes, TRelationObject> = {
+  relates_to: {
+    key: "relates_to",
+    i18n_label: "issue.relation.relates_to",
+    className: "bg-custom-background-80 text-custom-text-200",
+    icon: (size) => <RelatedIcon height={size} width={size} className="text-custom-text-200" />,
+    placeholder: "Add related work items",
+  },
+  duplicate: {
+    key: "duplicate",
+    i18n_label: "issue.relation.duplicate",
+    className: "bg-custom-background-80 text-custom-text-200",
+    icon: (size) => <CopyPlus size={size} className="text-custom-text-200" />,
+    placeholder: "None",
+  },
+  blocked_by: {
+    key: "blocked_by",
+    i18n_label: "issue.relation.blocked_by",
+    className: "bg-red-500/20 text-red-700",
+    icon: (size) => <CircleDot size={size} className="text-custom-text-200" />,
+    placeholder: "None",
+  },
+  blocking: {
+    key: "blocking",
+    i18n_label: "issue.relation.blocking",
+    className: "bg-yellow-500/20 text-yellow-700",
+    icon: (size) => <XCircle size={size} className="text-custom-text-200" />,
+    placeholder: "None",
+  },
+};
+
+export const useTimeLineRelationOptions = () => ISSUE_RELATION_OPTIONS;