github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: updated issue description rendering when we switch between two issues via sub-issue (#4143)

Browse Source
This commit is contained in:
guru_sainath 2024-04-08 20:23:16 +05:30 committed by GitHub
parent c843a1757f
commit 03df410b52
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
web/components/issues/issue-detail/main-content.tsx
View File

@ -28,6 +28,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
const { workspaceSlug, projectId, issueId, issueOperations, is_editable } = props; const { workspaceSlug, projectId, issueId, issueOperations, is_editable } = props;
// states // states
const [isSubmitting, setIsSubmitting] = useState<"submitting" | "submitted" | "saved">("saved"); const [isSubmitting, setIsSubmitting] = useState<"submitting" | "submitted" | "saved">("saved");
const [issueDescription, setIssueDescription] = useState<string | undefined>(undefined);
// hooks // hooks
const { currentUser } = useUser(); const { currentUser } = useUser();
const { projectStates } = useProjectState(); const { projectStates } = useProjectState();
@ -52,12 +53,16 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
const currentIssueState = projectStates?.find((s) => s.id === issue.state_id); const currentIssueState = projectStates?.find((s) => s.id === issue.state_id);
const issueDescription = useEffect(() => {
issue.description_html !== undefined || issue.description_html !== null setIssueDescription(
? issue.description_html != "" issue.description_html !== undefined || issue.description_html !== null
? issue.description_html ? issue.description_html != ""
: "<p></p>" ? issue.description_html
: undefined; : "<p></p>"
: undefined
);
return () => setIssueDescription(undefined);
}, [issue.description_html]);
return ( return (
<> <>
@ -94,16 +99,18 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
value={issue.name} value={issue.name}
/> />
<IssueDescriptionInput {issue?.description_html === issueDescription && (
workspaceSlug={workspaceSlug} <IssueDescriptionInput
projectId={issue.project_id} workspaceSlug={workspaceSlug}
issueId={issue.id} projectId={issue.project_id}
value={issueDescription} issueId={issue.id}
initialValue={issueDescription} value={issueDescription}
disabled={!is_editable} initialValue={issueDescription}
issueOperations={issueOperations} disabled={!is_editable}
setIsSubmitting={(value) => setIsSubmitting(value)} issueOperations={issueOperations}
/> setIsSubmitting={(value) => setIsSubmitting(value)}
/>
)}
{currentUser && ( {currentUser && (
<IssueReaction <IssueReaction