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

fix: intake issue create and update modal (#5434)

Browse source
This commit is contained in:
Anmol Singh Bhatia 2024-08-27 16:47:05 +05:30 • committed by GitHub
parent e7a41b3c32
commit a19226ac64
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 40 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

54
web/core/components/inbox/modals/create-edit-modal/issue-properties.tsx
View file

@ -2,6 +2,7 @@ import { FC, useState } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { LayoutPanelTop } from "lucide-react"; import { LayoutPanelTop } from "lucide-react";
import { ISearchIssueResponse, TIssue } from "@plane/types"; import { ISearchIssueResponse, TIssue } from "@plane/types";
import { CustomMenu } from "@plane/ui";
// components // components
import { import {
CycleDropdown, CycleDropdown,
@ -94,7 +95,7 @@ export const InboxIssueProperties: FC<TInboxIssueProperties> = observer((props)
<div className="h-7"> <div className="h-7">
<DateDropdown <DateDropdown
value={data?.start_date || null} value={data?.start_date || null}
onChange={(date) => (date ? handleData("start_date", renderFormattedPayloadDate(date)) : null)} onChange={(date) => handleData("start_date", date ? renderFormattedPayloadDate(date) : "")}
buttonVariant="border-with-text" buttonVariant="border-with-text"
minDate={minDate ?? undefined} minDate={minDate ?? undefined}
placeholder="Start date" placeholder="Start date"
@ -106,7 +107,7 @@ export const InboxIssueProperties: FC<TInboxIssueProperties> = observer((props)
<div className="h-7"> <div className="h-7">
<DateDropdown <DateDropdown
value={data?.target_date || null} value={data?.target_date || null}
onChange={(date) => (date ? handleData("target_date", renderFormattedPayloadDate(date)) : null)} onChange={(date) => handleData("target_date", date ? renderFormattedPayloadDate(date) : "")}
buttonVariant="border-with-text" buttonVariant="border-with-text"
minDate={minDate ?? undefined} minDate={minDate ?? undefined}
placeholder="Due date" placeholder="Due date"
@ -157,18 +158,43 @@ export const InboxIssueProperties: FC<TInboxIssueProperties> = observer((props)
{/* add parent */} {/* add parent */}
{isVisible && ( {isVisible && (
<> <>
<button {selectedParentIssue ? (
type="button" <CustomMenu
className="flex cursor-pointer items-center justify-between gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1.5 text-xs hover:bg-custom-background-80" customButton={
onClick={() => setParentIssueModalOpen(true)} <button
> type="button"
<LayoutPanelTop className="h-3 w-3 flex-shrink-0" /> className="flex cursor-pointer items-center justify-between gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1.5 text-xs hover:bg-custom-background-80"
<span className="whitespace-nowrap"> >
{selectedParentIssue <LayoutPanelTop className="h-3 w-3 flex-shrink-0" />
? `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}` <span className="whitespace-nowrap">
: `Add parent`} {selectedParentIssue
</span> ? `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}`
</button> : `Add parent`}
</span>
</button>
}
placement="bottom-start"
>
<>
<CustomMenu.MenuItem className="!p-1" onClick={() => setParentIssueModalOpen(true)}>
Change parent issue
</CustomMenu.MenuItem>
<CustomMenu.MenuItem className="!p-1" onClick={() => handleData("parent_id", "")}>
Remove parent issue
</CustomMenu.MenuItem>
</>
</CustomMenu>
) : (
<button
type="button"
className="flex cursor-pointer items-center justify-between gap-1 rounded border-[0.5px] border-custom-border-300 px-2 py-1.5 text-xs hover:bg-custom-background-80"
onClick={() => setParentIssueModalOpen(true)}
>
<LayoutPanelTop className="h-3 w-3 flex-shrink-0" />
<span className="whitespace-nowrap">Add parent</span>
</button>
)}
<ParentIssuesListModal <ParentIssuesListModal
isOpen={parentIssueModalOpen} isOpen={parentIssueModalOpen}
handleClose={() => setParentIssueModalOpen(false)} handleClose={() => setParentIssueModalOpen(false)}