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: { const activityDetails: {
[key: string]: { [key: string]: {
message: (activity: IIssueActivity, showIssue: boolean) => React.ReactNode; message: (
activity: IIssueActivity,
showIssue: boolean,
backgroundColor?: string
) => React.ReactNode;
icon: React.ReactNode; icon: React.ReactNode;
}; };
} = { } = {
@ -253,7 +257,7 @@ const activityDetails: {
icon: <Icon iconName="stack" className="!text-sm" aria-hidden="true" />, icon: <Icon iconName="stack" className="!text-sm" aria-hidden="true" />,
}, },
labels: { labels: {
message: (activity, showIssue) => { message: (activity, showIssue, backgroundColor = "#000000") => {
if (activity.old_value === "") if (activity.old_value === "")
return ( return (
<> <>
@ -262,7 +266,7 @@ const activityDetails: {
<span <span
className="h-1.5 w-1.5 rounded-full" className="h-1.5 w-1.5 rounded-full"
style={{ style={{
backgroundColor: "#000000", backgroundColor,
}} }}
aria-hidden="true" aria-hidden="true"
/> />
@ -532,14 +536,26 @@ export const ActivityIcon = ({ activity }: { activity: IIssueActivity }) => (
<>{activityDetails[activity.field as keyof typeof activityDetails]?.icon}</> <>{activityDetails[activity.field as keyof typeof activityDetails]?.icon}</>
); );
export const ActivityMessage = ({ type ActivityMessageProps = {
activity,
showIssue = false,
}: {
activity: IIssueActivity; activity: IIssueActivity;
showIssue?: boolean; 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
)}
</> </>
); );
});