forked from github/plane
c16a5b9b71
* restructure the logic to avoid throwing error if any dat is not found * updated files for previous commit * fix build errors * remove throwing error if userId is undefined * optionally chain display_name property to fix sentry issues * add ooptional check * change issue action logic to increase code maintainability and make sure to send only the updated date while updating the issue * fix issue updation bugs * fix module issues build error * fix runtime errors
69 lines
2.3 KiB
TypeScript
69 lines
2.3 KiB
TypeScript
import { useRef } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { useRouter } from "next/router";
|
|
// types
|
|
import { SPREADSHEET_PROPERTY_DETAILS } from "constants/spreadsheet";
|
|
import { useEventTracker } from "hooks/store";
|
|
import { IIssueDisplayProperties, TIssue } from "@plane/types";
|
|
import { WithDisplayPropertiesHOC } from "../properties/with-display-properties-HOC";
|
|
// constants
|
|
// components
|
|
|
|
type Props = {
|
|
displayProperties: IIssueDisplayProperties;
|
|
issueDetail: TIssue;
|
|
disableUserActions: boolean;
|
|
property: keyof IIssueDisplayProperties;
|
|
updateIssue: ((projectId: string, issueId: string, data: Partial<TIssue>) => Promise<void>) | undefined;
|
|
isEstimateEnabled: boolean;
|
|
};
|
|
|
|
export const IssueColumn = observer((props: Props) => {
|
|
const { displayProperties, issueDetail, disableUserActions, property, updateIssue, isEstimateEnabled } = props;
|
|
// router
|
|
const router = useRouter();
|
|
const tableCellRef = useRef<HTMLTableCellElement | null>(null);
|
|
const { captureIssueEvent } = useEventTracker();
|
|
|
|
const shouldRenderProperty = property === "estimate" ? isEstimateEnabled : true;
|
|
|
|
const { Column } = SPREADSHEET_PROPERTY_DETAILS[property];
|
|
|
|
return (
|
|
<WithDisplayPropertiesHOC
|
|
displayProperties={displayProperties}
|
|
displayPropertyKey={property}
|
|
shouldRenderProperty={() => shouldRenderProperty}
|
|
>
|
|
<td
|
|
tabIndex={0}
|
|
className="h-11 w-full min-w-[8rem] bg-custom-background-100 text-sm after:absolute after:w-full after:bottom-[-1px] after:border after:border-custom-border-100 border-r-[1px] border-custom-border-100"
|
|
ref={tableCellRef}
|
|
>
|
|
<Column
|
|
issue={issueDetail}
|
|
onChange={(issue: TIssue, data: Partial<TIssue>, updates: any) =>
|
|
updateIssue &&
|
|
updateIssue(issue.project_id, issue.id, data).then(() => {
|
|
captureIssueEvent({
|
|
eventName: "Issue updated",
|
|
payload: {
|
|
...issue,
|
|
...data,
|
|
element: "Spreadsheet layout",
|
|
},
|
|
updates: updates,
|
|
path: router.asPath,
|
|
});
|
|
})
|
|
}
|
|
disabled={disableUserActions}
|
|
onClose={() => {
|
|
tableCellRef?.current?.focus();
|
|
}}
|
|
/>
|
|
</td>
|
|
</WithDisplayPropertiesHOC>
|
|
);
|
|
});
|