83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
36 lines
905 B
TypeScript
36 lines
905 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 function IssueCreatorDisplay(props: TIssueUser) {
|
|
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>
|
|
)}
|
|
</>
|
|
);
|
|
}
|