37 lines
913 B
TypeScript
37 lines
913 B
TypeScript
import type { FC } from "react";
|
|
import Link from "next/link";
|
|
// hooks
|
|
import { useIssueDetail } from "@/hooks/store/use-issue-detail";
|
|
|
|
type TIssueUser = {
|
|
activityId: string;
|
|
customUserName?: string;
|
|
};
|
|
|
|
export const IssueCreatorDisplay: FC<TIssueUser> = (props) => {
|
|
const { activityId, customUserName } = props;
|
|
// hooks
|
|
const {
|
|
activity: { getActivityById },
|
|
} = useIssueDetail();
|
|
|
|
const activity = getActivityById(activityId);
|
|
|
|
if (!activity) return <></>;
|
|
|
|
return (
|
|
<>
|
|
{customUserName ? (
|
|
<span className="text-custom-text-100 font-medium">{customUserName || "Plane"}</span>
|
|
) : (
|
|
<Link
|
|
href={`/${activity?.workspace_detail?.slug}/profile/${activity?.actor_detail?.id}`}
|
|
className="hover:underline text-custom-text-100 font-medium"
|
|
>
|
|
{activity.actor_detail?.display_name}
|
|
</Link>
|
|
)}
|
|
</>
|
|
);
|
|
};
|