mirror of
https://github.com/makeplane/plane.git
synced 2026-07-12 21:40:18 +02:00
f37d0034cb
* fix dark mode for dependency path * feature flag issue relation and also add activities for new relation
89 lines
2.7 KiB
TypeScript
89 lines
2.7 KiB
TypeScript
import { CircleDot, CopyPlus, XCircle } from "lucide-react";
|
|
import { useParams } from "next/navigation";
|
|
// Plane
|
|
import { RelatedIcon } from "@plane/ui";
|
|
// components
|
|
import { TRelationObject } from "@/components/issues";
|
|
// Plane-web
|
|
import { E_FEATURE_FLAGS, useFlag } from "@/plane-web/hooks/store";
|
|
import { TIssueRelationTypes } from "@/plane-web/types";
|
|
//
|
|
import { ISSUE_RELATION_OPTIONS as CE_ISSUE_RELATION_OPTIONS } from "ce/components/relations";
|
|
|
|
export * from "./activity";
|
|
|
|
export const ISSUE_RELATION_OPTIONS: { [key in TIssueRelationTypes]?: TRelationObject } = {
|
|
relates_to: {
|
|
key: "relates_to",
|
|
label: "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 issues",
|
|
},
|
|
duplicate: {
|
|
key: "duplicate",
|
|
label: "Duplicate of",
|
|
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",
|
|
label: "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",
|
|
label: "Blocking",
|
|
className: "bg-yellow-500/20 text-yellow-700",
|
|
icon: (size) => <XCircle size={size} className="text-custom-text-200" />,
|
|
placeholder: "None",
|
|
},
|
|
start_before: {
|
|
key: "start_before",
|
|
label: "Starts Before",
|
|
icon: (size: number) => <CircleDot size={size} />,
|
|
className: "bg-red-500/20 text-red-700",
|
|
placeholder: "None",
|
|
},
|
|
start_after: {
|
|
key: "start_after",
|
|
label: "Starts After",
|
|
icon: (size: number) => <XCircle size={size} />,
|
|
className: "bg-yellow-500/20 text-yellow-700",
|
|
placeholder: "None",
|
|
},
|
|
finish_before: {
|
|
key: "finish_before",
|
|
label: "Finishes Before",
|
|
icon: (size: number) => <CircleDot size={size} />,
|
|
className: "bg-red-500/20 text-red-700",
|
|
placeholder: "None",
|
|
},
|
|
finish_after: {
|
|
key: "finish_after",
|
|
label: "Finishes After",
|
|
icon: (size: number) => <XCircle size={size} />,
|
|
className: "bg-yellow-500/20 text-yellow-700",
|
|
placeholder: "None",
|
|
},
|
|
};
|
|
|
|
export const useTimeLineRelationOptions = () => {
|
|
const { workspaceSlug } = useParams();
|
|
|
|
const isDependencyEnabled = useFlag(workspaceSlug.toString(), E_FEATURE_FLAGS.TIMELINE_DEPENDENCY);
|
|
|
|
return isDependencyEnabled
|
|
? ISSUE_RELATION_OPTIONS
|
|
: {
|
|
...CE_ISSUE_RELATION_OPTIONS,
|
|
start_before: undefined,
|
|
start_after: undefined,
|
|
finish_before: undefined,
|
|
finish_after: undefined,
|
|
};
|
|
};
|