binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: minor UI improvement in issue modal. (#5390)

Browse source
This commit is contained in:
Prateek Shourya 2024-08-20 15:50:29 +05:30 • committed by GitHub
parent d9b0fe2aaa
commit 854a90c3f1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web/core/components/issues/issue-modal/form.tsx
View file

@ -25,7 +25,7 @@ import { getTabIndex } from "@/helpers/issue-modal.helper";
import { getChangedIssuefields } from "@/helpers/issue.helper"; import { getChangedIssuefields } from "@/helpers/issue.helper";
// hooks // hooks
import { useIssueModal } from "@/hooks/context/use-issue-modal"; import { useIssueModal } from "@/hooks/context/use-issue-modal";
import { useIssueDetail, useProject } from "@/hooks/store"; import { useIssueDetail, useProject, useProjectState } from "@/hooks/store";
import { useProjectIssueProperties } from "@/hooks/use-project-issue-properties"; import { useProjectIssueProperties } from "@/hooks/use-project-issue-properties";
// plane web components // plane web components
import { IssueAdditionalProperties, IssueTypeSelect } from "@/plane-web/components/issues/issue-modal"; import { IssueAdditionalProperties, IssueTypeSelect } from "@/plane-web/components/issues/issue-modal";
@ -89,6 +89,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
issue: { getIssueById }, issue: { getIssueById },
} = useIssueDetail(); } = useIssueDetail();
const { fetchCycles } = useProjectIssueProperties(); const { fetchCycles } = useProjectIssueProperties();
const { getStateById } = useProjectState();
// form info // form info
const { const {
formState: { errors, isDirty, isSubmitting, dirtyFields }, formState: { errors, isDirty, isSubmitting, dirtyFields },
@ -220,6 +221,8 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
const projectDetails = getProjectById(issue.project_id); const projectDetails = getProjectById(issue.project_id);
if (!projectDetails) return; if (!projectDetails) return;
const stateDetails = getStateById(issue.state_id);
setSelectedParentIssue({ setSelectedParentIssue({
id: issue.id, id: issue.id,
name: issue.name, name: issue.name,
@ -227,8 +230,10 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
project__identifier: projectDetails.identifier, project__identifier: projectDetails.identifier,
project__name: projectDetails.name, project__name: projectDetails.name,
sequence_id: issue.sequence_id, sequence_id: issue.sequence_id,
type_id: issue.type_id,
state__color: stateDetails?.color,
} as ISearchIssueResponse); } as ISearchIssueResponse);
}, [watch, getIssueById, getProjectById, selectedParentIssue]); }, [watch, getIssueById, getProjectById, selectedParentIssue, getStateById]);
// executing this useEffect when isDirty changes // executing this useEffect when isDirty changes
useEffect(() => { useEffect(() => {