forked from github/plane
2b168edd99
* feat: peak overview for issues * fix: peek spelling * chore: truncate issue property labels * style: full screen view designed * chore: add comment section * chore: copy link and delete options added * chore: update icons --------- Co-authored-by: Aaryan Khandelwal <aaryan610@Aaryans-MacBook-Pro.local>
35 lines
908 B
TypeScript
35 lines
908 B
TypeScript
// components
|
|
import { IssueDescriptionForm, IssueReaction } from "components/issues";
|
|
// types
|
|
import { IIssue } from "types";
|
|
|
|
type Props = {
|
|
handleUpdateIssue: (formData: Partial<IIssue>) => Promise<void>;
|
|
issue: IIssue;
|
|
readOnly: boolean;
|
|
workspaceSlug: string;
|
|
};
|
|
|
|
export const PeekOverviewIssueDetails: React.FC<Props> = ({
|
|
handleUpdateIssue,
|
|
issue,
|
|
readOnly,
|
|
workspaceSlug,
|
|
}) => (
|
|
<div className="space-y-2">
|
|
<h6 className="font-medium text-custom-text-200">
|
|
{issue.project_detail.identifier}-{issue.sequence_id}
|
|
</h6>
|
|
<IssueDescriptionForm
|
|
handleFormSubmit={handleUpdateIssue}
|
|
isAllowed={!readOnly}
|
|
issue={{
|
|
name: issue.name,
|
|
description_html: issue.description_html,
|
|
}}
|
|
workspaceSlug={workspaceSlug}
|
|
/>
|
|
<IssueReaction workspaceSlug={workspaceSlug} issueId={issue.id} projectId={issue.project} />
|
|
</div>
|
|
);
|