333a989b1a
* chore: components restructuring and minor UI improvements. * chore: minor UI improvements fro icons and member dropdown. * chore: update issue identifier. * chore: rename `Issue Extra Property` to `Issue Additional Property` * chore: fix popovers placement issue on components with overflow. * chore: add `scrollbar-xs` * chore: add `xs` size for input and textarea components. * chore: update `sortable` to return back `movedItem` in the onChange callback. * chore: minor UI adjustments for radio-select. * chore: update outside click delay to 1ms.
28 lines
766 B
TypeScript
28 lines
766 B
TypeScript
import { observer } from "mobx-react";
|
|
// hooks
|
|
import { useIssueDetail, useProject } from "@/hooks/store";
|
|
|
|
type TIssueIdentifierProps = {
|
|
issueId: string;
|
|
projectId: string;
|
|
};
|
|
|
|
export const IssueIdentifier: React.FC<TIssueIdentifierProps> = observer((props) => {
|
|
const { issueId, projectId } = props;
|
|
// store hooks
|
|
const { getProjectById } = useProject();
|
|
const {
|
|
issue: { getIssueById },
|
|
} = useIssueDetail();
|
|
// derived values
|
|
const issue = getIssueById(issueId);
|
|
const projectDetails = getProjectById(projectId);
|
|
|
|
return (
|
|
<div className="flex items-center space-x-2">
|
|
<span className="text-base font-medium text-custom-text-300">
|
|
{projectDetails?.identifier}-{issue?.sequence_id}
|
|
</span>
|
|
</div>
|
|
);
|
|
});
|