github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: displaying label color on issue activity

Browse Source
This commit is contained in:
Dakshesh Jain 2023-08-16 17:58:25 +05:30
parent e9c3a0642e
commit 0468e066ff
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
apps/app/components/core/activity.tsx
View File

@ -53,7 +53,11 @@ const UserLink = ({ activity }: { activity: IIssueActivity }) => {
const activityDetails: {
[key: string]: {
message: (activity: IIssueActivity, showIssue: boolean) => React.ReactNode;
message: (
activity: IIssueActivity,
showIssue: boolean,
backgroundColor?: string
) => React.ReactNode;
icon: React.ReactNode;
};
} = {
@ -253,7 +257,7 @@ const activityDetails: {
icon: <Icon iconName="stack" className="!text-sm" aria-hidden="true" />,
},
labels: {
message: (activity, showIssue) => {
message: (activity, showIssue, backgroundColor = "#000000") => {
if (activity.old_value === "")
return (
<>
@ -262,7 +266,7 @@ const activityDetails: {
<span
className="h-1.5 w-1.5 rounded-full"
style={{
backgroundColor: "#000000",
backgroundColor,
}}
aria-hidden="true"
/>
@ -532,14 +536,26 @@ export const ActivityIcon = ({ activity }: { activity: IIssueActivity }) => (
<>{activityDetails[activity.field as keyof typeof activityDetails]?.icon}</>
);
export const ActivityMessage = ({
activity,
showIssue = false,
}: {
type ActivityMessageProps = {
activity: IIssueActivity;
showIssue?: boolean;
}) => (
};
import { observer } from "mobx-react-lite";
import { useMobxStore } from "lib/mobx/store-provider";
export const ActivityMessage = observer(({ activity, showIssue = false }: ActivityMessageProps) => {
const {
label: { getLabelById },
} = useMobxStore();
return (
<>
{activityDetails[activity.field as keyof typeof activityDetails]?.message(activity, showIssue)}
{activityDetails[activity.field as keyof typeof activityDetails]?.message(
activity,
showIssue,
activity.field === "labels" ? getLabelById(activity?.new_identifier!)?.color : undefined
)}
</>
);
);
});