mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
666d35afb9
* dev: separate order by of issue queryset to separate utilty function * dev: pagination for spreadhseet and gantt * dev: group pagination * dev: paginate single entities * dev: refactor pagination * dev: paginating issue apis * dev: grouped pagination for empty groups * dev: ungrouped list * dev: fix paginator for single groups * dev: fix paginating true list * dev: state__group pagination * fix: imports * dev: fix grouping on taget date and project_id * dev: remove unused imports * dev: add ruff in dependencies * make store changes for pagination * fix some build errors due to type changes * dev: add total pages key * chore: paginator changes * implement pagination for spreadsheet, list, kanban and calendar * fix: order by grouped pagination * dev: sub group paginator * dev: grouped paginator * dev: sub grouping paginator * restructure gantt layout charts * dev: fix pagination count * dev: date filtering for issues * dev: group by counts * implement new logic for pagination layouts * fix: label id and assignee id interchange * dev: fix priority ordering * fix group by bugs * dev: grouping for priority * fix reeordering while update * dev: fix order by for pagination * fix: total results for sub group pagination * dev: add comments and fix ordering * fix orderby priority for spreadsheet * fix subGroupCount * Fix logic for load more in Kanban * fix issue quick add * dev: fix issue creation * dev: add sorting * fix order by for modules and cycles * fix non render of Issues * fix subGroupKey generation when subGroupId is null * dev: fix cycle and module issue * dev: fix sub grouping * fix: imports * fix minor build errors * fix major build errors * fix priority order by * grouped pagination cursor logic changes * fix calendar pagination * active cycle issues pagination * dev: fix lint errors * fix Kanban subgroup dnd * fix empty subgroup kanbans * fix updation from an empty field with groupBy * fix issue count of groups * fix issue sorting on first page fetch * dev: remove pagination from list endpoint add ordering for sub grouping and handle error for empty issues * refactor module and cycle issues * fix quick add refactor * refactor gantt roots * fix empty states * fix filter params * fix group by module * minor UX changes * fix sub grouping in Kanban * remove unnecessary sorting logic in backend (Nikhil's changes) * dev: add error handling when using without on results * calendar layout loader improvement * list per page count logic change * spreadsheet loader improvement * Added loader for issues load more pagination * fix quick add in gantt * dev: add profile issue pagination * fix all issue and profile issues logic * remove empty state from calendar layout * use useEffect instead of swr to fetch issues to have quick switching between views cycles etc * dev: add aggregation for multi fields * fix priority sorting for workspace issues * fix move from draft for draft issues * fix pagination loader for spreadsheet * fetch project, module and cycle stats on update, create and delete of issues * increase horizontal margin * change load more pagination to on scroll pagination for active cycle issues * fix linting error * dev: fix ordering when order by m2m * dev: fix null paginations * dev: commenting * 0add comments to the issue stores methods * fix order by for array properties * fix: priority ordering * perform optimistic updates while adding or removing cycles or modules * fix build errors * dev: add default values when iterating through sub group * Move code from EE to CE repo * chore: folder structure updates * Move sortabla and radio input to packages/ui * chore: updated empty and loading screens * chore: delete an estimate point * chore: estimate point response change * chore: updated create estimate and handled the build error * chore: migration fixes * chore: updated create estimate * [WEB-1322] dev: conflict free pages collaboration (#4463) * chore: pages realtime * chore: empty binary response * chore: added a ypy package * feat: pages collaboration * chore: update fetching logic * chore: degrade ypy version * chore: replace useEffect fetch logic with useSWR * chore: move all the update logic to the page store * refactor: remove react-hook-form * chore: save description_html as well * chore: migrate old data logic * fix: added description_binary as field name * fix: code cleanup * refactor: create separate hook to handle page description * fix: build errors * chore: combine updates instead of using the whole document * chore: removed ypy package * chore: added conflict resolving logic to the client side * chore: add a save changes button * chore: add read-only validation * chore: remove saving state information * chore: added permission class * chore: removed the migration file * chore: corrected the model field * chore: rename pageStore to page * chore: update collaboration provider * chore: add try catch to handle error --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> * chore: create estimate workflow update * chore: editing and deleting the existing estimate updates * chore: updating the new estinates in update modal * chore: ui changed * chore: response changes of get and post * chore: new field added in estimates * chore: individual endpoint for estimate points * chore: typo changes * chore: create estimate point * chore: integrated new endpoints * chore: update key value pair * chore: update sorting in the estimates * Add custom option in the estimate templates * chore: handled current project active estimate * chore: handle estimate update worklfow * chore: AIO docker images for preview deployments (#4605) * fix: adding single docker base file * action added * fix action * dockerfile.base modified * action fix * dockerfile * fix: base aio dockerfile * fix: dockerfile.base * fix: dockerfile base * fix: modified folder structure * fix: action * fix: dockerfile * fix: dockerfile.base * fix: supervisor file name changed * fix: base dockerfile updated * fix dockerfile base * fix: base dockerfile * fix: docker files * fix: base dockerfile * update base image * modified docker aio base * aio base modified to debian-12-slim * fixes * finalize the dockerfiles with volume exposure * modified the aio build and dockerfile * fix: codacy suggestions implemented * fix: codacy fix * update aio build action --------- Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com> * chore: handled estimates switch * chore: handled estimate edit * chore: handled close button in estimate edit * chore: updated ceate estimare workflow * chore: updated switch estimate * fix minor bugs in base issues store * single column scroll pagination * UI changes for load more button * chore: UI and typos * chore: resolved build error * [WEB-1184] feat: issue bulk operations (#4530) * chore: bulk operations * chore: archive bulk issues * chore: bulk ops keys changed * chore: bulk delete and archive confirmation modals * style: list layout spacing * chore: create hoc for multi-select groups * chore: update multiple select components * chore: archive, target and start date error messsage * chore: edge case handling * chore: bulk ops in spreadsheet layout * chore: update UI * chore: scroll element into view * fix: shift + arrow navigation * chore: implement bulk ops in the gantt layout * fix: ui bugs * chore: move selection logic to store * fix: group selection * refactor: multiple select store * style: dropdowns UI * fix: bulk assignee and label update mutation * chore: removed migrations * refactor: entities grouping logic * fix performance issue is selection of bulk ops * fix: shift keyboard navigation * fix: group click action * chore: start and target date validation * chore: remove optimistic updates, check archivability in frontend * chore: code optimisation * chore: add store comments * refactor: component fragmentation * style: issue active state --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: rahulramesha <rahulramesham@gmail.com> * fix a performance issue when there are too many groups * chore: updated delete dropdown and handled the repeated values while creating and updating the estimate point * [WEB-1424] chore: page and view logo implementation, and emoji/icon picker improvement (#4583) * chore: added logo_props * chore: logo props in cycles, views and modules * chore: emoji icon picker types updated * chore: info icon added to plane ui package * chore: icon color adjust helper function added * style: icon picker ui improvement and default color options updated * chore: update page logo action added in store * chore: emoji code to unicode helper function added * chore: common logo renderer component added * chore: app header project logo updated * chore: project logo updated across platform * chore: page logo picker added * chore: control link component improvement * chore: list item improvement * chore: emoji picker component updated * chore: space app and package logo prop type updated * chore: migration * chore: logo added to project view * chore: page logo picker added in create modal and breadcrumbs * chore: view logo picker added in create modal and updated breadcrumbs * fix: build error * chore: AIO docker images for preview deployments (#4605) * fix: adding single docker base file * action added * fix action * dockerfile.base modified * action fix * dockerfile * fix: base aio dockerfile * fix: dockerfile.base * fix: dockerfile base * fix: modified folder structure * fix: action * fix: dockerfile * fix: dockerfile.base * fix: supervisor file name changed * fix: base dockerfile updated * fix dockerfile base * fix: base dockerfile * fix: docker files * fix: base dockerfile * update base image * modified docker aio base * aio base modified to debian-12-slim * fixes * finalize the dockerfiles with volume exposure * modified the aio build and dockerfile * fix: codacy suggestions implemented * fix: codacy fix * update aio build action --------- Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com> * fix: merge conflict * chore: lucide react added to planu ui package * chore: new emoji picker component added with lucid icon and code refactor * chore: logo component updated * chore: emoji picker updated for pages and views --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: Manish Gupta <59428681+mguptahub@users.noreply.github.com> Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com> * chore: handled inline errors in the estimate switch * fix module and cycle drag and drop * Fix issue count bug for accumulated actions * chore: handled active and availability vadilation * chore: handled create and update components in projecr estimates * chore: added migration * Add category specific values for custom template * chore: estimate dropdown handled in issues * chore: estimate alerts * fix bulk updates * chore: updated alerts * add optional chaining * Extract the list row actions * change color of load more to match new Issues * list group collapsible * fix: updated and handled the estimate points * fix: upgrader ee banner * Fix issues with sortable * Fix sortable spacing issue in create estimate modal * fix: updated the issue create sorting * chore: removed radio button from ui and updated in the estimates * chore: resolved import error in packaged ui * chore: handled props in create modal * chore: removed ee files * chore: changed default analytics * fix: pagination ordering for grouped and subgrouped * chore: removed the migration file * chore: estimate point value in graph * chore: estimate point key change * chore: squashed migration (#4634) * chore: squashed migration * chore: removed instance migraion * chore: key changes * chore: issue activity back migration * dev: replaced estimate key with estimate id and replaced estimate type from number to string in issue * chore: estimate point value field * chore: estimate point activity * chore: removed the unused function * chore: resolved merge conflicts * chore: deploy board keys changed * chore: yarn lock file change * chore: resolved frontend build --------- Co-authored-by: guru_sainath <gurusainath007@gmail.com> * [WEB-1516] refactor: space app routing and layouts (#4705) * dev: change layout * chore: replace workspace slug and project id with anchor * chore: migration fixes * chore: update filtering logic * chore: endpoint changes * chore: update endpoint * chore: changed url pratterns * chore: use client side for layout and page * chore: issue vote changes * chore: project deploy board response change * refactor: publish project store and components * fix: update layout options after fetching settings * chore: remove unnecessary types * style: peek overview * refactor: components folder structure * fix: redirect from old path * chore: make the whole issue block clickable * chore: removed the migration file * chore: add server side redirection for old routes * chore: is enabled key change * chore: update types * chore: removed the migration file --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> * Merge develop into revamp-estimates-ce * chore: removed migration file and updated the estimate system order and removed ee banner * chore: initial radio select in create estimate * chore: space key changes * Fix sortable component as the sort order was broken. * fix: formatting and linting errors * fix Alignment for load more * add logic to approuter * fix approuter changes and fix build * chore: removed the linting issue --------- Co-authored-by: pablohashescobar <nikhilschacko@gmail.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> Co-authored-by: guru_sainath <gurusainath007@gmail.com> Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com> Co-authored-by: Manish Gupta <59428681+mguptahub@users.noreply.github.com> Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com> Co-authored-by: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Co-authored-by: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com> Co-authored-by: pushya22 <130810100+pushya22@users.noreply.github.com>
349 lines
13 KiB
TypeScript
349 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { FC } from "react";
|
|
import { observer } from "mobx-react";
|
|
import {
|
|
Signal,
|
|
Tag,
|
|
Triangle,
|
|
LayoutPanelTop,
|
|
CircleDot,
|
|
CopyPlus,
|
|
XCircle,
|
|
CalendarClock,
|
|
CalendarCheck2,
|
|
Users,
|
|
} from "lucide-react";
|
|
// hooks
|
|
// ui icons
|
|
import { DiceIcon, DoubleCircleIcon, ContrastIcon, RelatedIcon } from "@plane/ui";
|
|
// components
|
|
import {
|
|
DateDropdown,
|
|
EstimateDropdown,
|
|
PriorityDropdown,
|
|
MemberDropdown,
|
|
StateDropdown,
|
|
} from "@/components/dropdowns";
|
|
import {
|
|
IssueLinkRoot,
|
|
IssueCycleSelect,
|
|
IssueModuleSelect,
|
|
IssueParentSelect,
|
|
IssueLabel,
|
|
TIssueOperations,
|
|
IssueRelationSelect,
|
|
} from "@/components/issues";
|
|
// helpers
|
|
import { cn } from "@/helpers/common.helper";
|
|
import { getDate, renderFormattedPayloadDate } from "@/helpers/date-time.helper";
|
|
import { shouldHighlightIssueDueDate } from "@/helpers/issue.helper";
|
|
import { useIssueDetail, useProject, useProjectState } from "@/hooks/store";
|
|
|
|
interface IPeekOverviewProperties {
|
|
workspaceSlug: string;
|
|
projectId: string;
|
|
issueId: string;
|
|
disabled: boolean;
|
|
issueOperations: TIssueOperations;
|
|
}
|
|
|
|
export const PeekOverviewProperties: FC<IPeekOverviewProperties> = observer((props) => {
|
|
const { workspaceSlug, projectId, issueId, issueOperations, disabled } = props;
|
|
// store hooks
|
|
const { getProjectById } = useProject();
|
|
const {
|
|
issue: { getIssueById },
|
|
} = useIssueDetail();
|
|
const { getStateById } = useProjectState();
|
|
// derived values
|
|
const issue = getIssueById(issueId);
|
|
if (!issue) return <></>;
|
|
const projectDetails = getProjectById(issue.project_id);
|
|
const isEstimateEnabled = projectDetails?.estimate;
|
|
const stateDetails = getStateById(issue.state_id);
|
|
|
|
const minDate = getDate(issue.start_date);
|
|
minDate?.setDate(minDate.getDate());
|
|
|
|
const maxDate = getDate(issue.target_date);
|
|
maxDate?.setDate(maxDate.getDate());
|
|
|
|
return (
|
|
<div>
|
|
<h6 className="text-sm font-medium">Properties</h6>
|
|
{/* TODO: render properties using a common component */}
|
|
<div className={`w-full space-y-2 mt-3 ${disabled ? "opacity-60" : ""}`}>
|
|
{/* state */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<DoubleCircleIcon className="h-4 w-4 flex-shrink-0" />
|
|
<span>State</span>
|
|
</div>
|
|
<StateDropdown
|
|
value={issue?.state_id}
|
|
onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { state_id: val })}
|
|
projectId={projectId}
|
|
disabled={disabled}
|
|
buttonVariant="transparent-with-text"
|
|
className="w-3/4 flex-grow group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName="text-sm"
|
|
dropdownArrow
|
|
dropdownArrowClassName="h-3.5 w-3.5 hidden group-hover:inline"
|
|
/>
|
|
</div>
|
|
|
|
{/* assignee */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<Users className="h-4 w-4 flex-shrink-0" />
|
|
<span>Assignees</span>
|
|
</div>
|
|
<MemberDropdown
|
|
value={issue?.assignee_ids ?? undefined}
|
|
onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { assignee_ids: val })}
|
|
disabled={disabled}
|
|
projectId={projectId}
|
|
placeholder="Add assignees"
|
|
multiple
|
|
buttonVariant={issue?.assignee_ids?.length > 1 ? "transparent-without-text" : "transparent-with-text"}
|
|
className="w-3/4 flex-grow group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName={`text-sm justify-between ${issue?.assignee_ids?.length > 0 ? "" : "text-custom-text-400"}`}
|
|
hideIcon={issue.assignee_ids?.length === 0}
|
|
dropdownArrow
|
|
dropdownArrowClassName="h-3.5 w-3.5 hidden group-hover:inline"
|
|
/>
|
|
</div>
|
|
|
|
{/* priority */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<Signal className="h-4 w-4 flex-shrink-0" />
|
|
<span>Priority</span>
|
|
</div>
|
|
<PriorityDropdown
|
|
value={issue?.priority}
|
|
onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { priority: val })}
|
|
disabled={disabled}
|
|
buttonVariant="border-with-text"
|
|
className="w-3/4 flex-grow rounded px-2 hover:bg-custom-background-80 group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName="w-min h-auto whitespace-nowrap"
|
|
/>
|
|
</div>
|
|
|
|
{/* start date */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<CalendarClock className="h-4 w-4 flex-shrink-0" />
|
|
<span>Start date</span>
|
|
</div>
|
|
<DateDropdown
|
|
value={issue.start_date}
|
|
onChange={(val) =>
|
|
issueOperations.update(workspaceSlug, projectId, issueId, {
|
|
start_date: val ? renderFormattedPayloadDate(val) : null,
|
|
})
|
|
}
|
|
placeholder="Add start date"
|
|
buttonVariant="transparent-with-text"
|
|
maxDate={maxDate ?? undefined}
|
|
disabled={disabled}
|
|
className="w-3/4 flex-grow group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName={`text-sm ${issue?.start_date ? "" : "text-custom-text-400"}`}
|
|
hideIcon
|
|
clearIconClassName="h-3 w-3 hidden group-hover:inline"
|
|
// TODO: add this logic
|
|
// showPlaceholderIcon
|
|
/>
|
|
</div>
|
|
|
|
{/* due date */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<CalendarCheck2 className="h-4 w-4 flex-shrink-0" />
|
|
<span>Due date</span>
|
|
</div>
|
|
<DateDropdown
|
|
value={issue.target_date}
|
|
onChange={(val) =>
|
|
issueOperations.update(workspaceSlug, projectId, issueId, {
|
|
target_date: val ? renderFormattedPayloadDate(val) : null,
|
|
})
|
|
}
|
|
placeholder="Add due date"
|
|
buttonVariant="transparent-with-text"
|
|
minDate={minDate ?? undefined}
|
|
disabled={disabled}
|
|
className="w-3/4 flex-grow group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName={cn("text-sm", {
|
|
"text-custom-text-400": !issue.target_date,
|
|
"text-red-500": shouldHighlightIssueDueDate(issue.target_date, stateDetails?.group),
|
|
})}
|
|
hideIcon
|
|
clearIconClassName="h-3 w-3 hidden group-hover:inline !text-custom-text-100"
|
|
// TODO: add this logic
|
|
// showPlaceholderIcon
|
|
/>
|
|
</div>
|
|
|
|
{/* estimate */}
|
|
{isEstimateEnabled && (
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<Triangle className="h-4 w-4 flex-shrink-0" />
|
|
<span>Estimate</span>
|
|
</div>
|
|
<EstimateDropdown
|
|
value={issue.estimate_point ?? undefined}
|
|
onChange={(val) => issueOperations.update(workspaceSlug, projectId, issueId, { estimate_point: val })}
|
|
projectId={projectId}
|
|
disabled={disabled}
|
|
buttonVariant="transparent-with-text"
|
|
className="w-3/4 flex-grow group"
|
|
buttonContainerClassName="w-full text-left"
|
|
buttonClassName={`text-sm ${issue?.estimate_point !== undefined ? "" : "text-custom-text-400"}`}
|
|
placeholder="None"
|
|
hideIcon
|
|
dropdownArrow
|
|
dropdownArrowClassName="h-3.5 w-3.5 hidden group-hover:inline"
|
|
/>
|
|
</div>
|
|
)}
|
|
|
|
{projectDetails?.module_view && (
|
|
<div className="flex w-full items-center gap-3 min-h-8 h-full">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<DiceIcon className="h-4 w-4 flex-shrink-0" />
|
|
<span>Module</span>
|
|
</div>
|
|
<IssueModuleSelect
|
|
className="w-3/4 flex-grow"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
issueOperations={issueOperations}
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
)}
|
|
|
|
{projectDetails?.cycle_view && (
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<ContrastIcon className="h-4 w-4 flex-shrink-0" />
|
|
<span>Cycle</span>
|
|
</div>
|
|
<IssueCycleSelect
|
|
className="w-3/4 flex-grow"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
issueOperations={issueOperations}
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
)}
|
|
|
|
{/* parent */}
|
|
<div className="flex w-full items-center gap-3 h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<LayoutPanelTop className="h-4 w-4 flex-shrink-0" />
|
|
<p>Parent</p>
|
|
</div>
|
|
<IssueParentSelect
|
|
className="w-3/4 flex-grow h-full"
|
|
disabled={disabled}
|
|
issueId={issueId}
|
|
issueOperations={issueOperations}
|
|
projectId={projectId}
|
|
workspaceSlug={workspaceSlug}
|
|
/>
|
|
</div>
|
|
|
|
{/* relates to */}
|
|
<div className="flex gap-3 min-h-8">
|
|
<div className="flex pt-2 gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<RelatedIcon className="h-4 w-4 flex-shrink-0" />
|
|
<span>Relates to</span>
|
|
</div>
|
|
<IssueRelationSelect
|
|
className="w-3/4 flex-grow min-h-8 h-full"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
relationKey="relates_to"
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
|
|
{/* blocking */}
|
|
<div className="flex gap-3 min-h-8">
|
|
<div className="flex pt-2 gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<XCircle className="h-4 w-4 flex-shrink-0" />
|
|
<span>Blocking</span>
|
|
</div>
|
|
<IssueRelationSelect
|
|
className="w-3/4 flex-grow min-h-8 h-full"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
relationKey="blocking"
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
|
|
{/* blocked by */}
|
|
<div className="flex gap-3 min-h-8">
|
|
<div className="flex pt-2 gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<CircleDot className="h-4 w-4 flex-shrink-0" />
|
|
<span>Blocked by</span>
|
|
</div>
|
|
<IssueRelationSelect
|
|
className="w-3/4 flex-grow min-h-8 h-full"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
relationKey="blocked_by"
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
|
|
{/* duplicate of */}
|
|
<div className="flex gap-3 min-h-8">
|
|
<div className="flex pt-2 gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<CopyPlus className="h-4 w-4 flex-shrink-0" />
|
|
<span>Duplicate of</span>
|
|
</div>
|
|
<IssueRelationSelect
|
|
className="w-3/4 flex-grow min-h-8 h-full"
|
|
workspaceSlug={workspaceSlug}
|
|
projectId={projectId}
|
|
issueId={issueId}
|
|
relationKey="duplicate"
|
|
disabled={disabled}
|
|
/>
|
|
</div>
|
|
|
|
{/* label */}
|
|
<div className="flex w-full items-center gap-3 min-h-8">
|
|
<div className="flex items-center gap-1 w-1/4 flex-shrink-0 text-sm text-custom-text-300">
|
|
<Tag className="h-4 w-4 flex-shrink-0" />
|
|
<span>Labels</span>
|
|
</div>
|
|
<div className="flex w-full flex-col gap-3">
|
|
<IssueLabel workspaceSlug={workspaceSlug} projectId={projectId} issueId={issueId} disabled={disabled} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="w-full pt-3">
|
|
<IssueLinkRoot workspaceSlug={workspaceSlug} projectId={projectId} issueId={issueId} disabled={disabled} />
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|