forked from github/plane
20b0edeaa6
* chore: snoozed filter in the issue inbox filter * chore: navigating to the next or previous issue when we accept, decline, or duplicate the issue in inbox * chore: Implemented state, label, assignee and target_date in the inbox issue description and Implemented issue edit confirmation once we click accept the inbox issue * chore: removed logs * chore: inbox issue create response * chore: update inbox issue response * chore: updated inbox issue accept workflow and added issue properties in inbox issue create modal * chore: resolved build errors and upgraded lucide react * chore: updated inbox issue store hook * chore: code cleanup and removed validation for inbox description * fix: renamed the variable isLoading to loader in project-inbox store * fix: updated set function for issue property update --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import { FC, RefObject } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { EditorRefApi } from "@plane/rich-text-editor";
|
|
import { TIssue } from "@plane/types";
|
|
import { Loader } from "@plane/ui";
|
|
// components
|
|
import { RichTextEditor } from "@/components/editor/rich-text-editor/rich-text-editor";
|
|
// hooks
|
|
import { useProjectInbox } from "@/hooks/store";
|
|
|
|
type TInboxIssueDescription = {
|
|
workspaceSlug: string;
|
|
projectId: string;
|
|
workspaceId: string;
|
|
data: Partial<TIssue>;
|
|
handleData: (issueKey: keyof Partial<TIssue>, issueValue: Partial<TIssue>[keyof Partial<TIssue>]) => void;
|
|
editorRef: RefObject<EditorRefApi>;
|
|
};
|
|
|
|
// TODO: have to implement GPT Assistance
|
|
export const InboxIssueDescription: FC<TInboxIssueDescription> = observer((props) => {
|
|
const { workspaceSlug, projectId, workspaceId, data, handleData, editorRef } = props;
|
|
// hooks
|
|
const { loader } = useProjectInbox();
|
|
|
|
if (loader === "issue-loading")
|
|
return (
|
|
<Loader className="min-h-[6rem] rounded-md border border-custom-border-200">
|
|
<Loader.Item width="100%" height="140px" />
|
|
</Loader>
|
|
);
|
|
return (
|
|
<div className="relative">
|
|
<RichTextEditor
|
|
initialValue={!data?.description_html || data?.description_html === "" ? "<p></p>" : data?.description_html}
|
|
ref={editorRef}
|
|
workspaceSlug={workspaceSlug}
|
|
workspaceId={workspaceId}
|
|
projectId={projectId}
|
|
dragDropEnabled={false}
|
|
onChange={(_description: object, description_html: string) => {
|
|
handleData("description_html", description_html);
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
});
|