mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
59fdd611e4
* 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 * 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: handled estimates switch * chore: handled estimate edit * chore: handled close button in estimate edit * chore: updated ceate estimare workflow * chore: updated switch estimate * chore: UI and typos * chore: resolved build error * chore: updated delete dropdown and handled the repeated values while creating and updating the estimate point * chore: handled inline errors in the estimate switch * 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 * chore: updated alerts * Extract the list row actions * 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 * 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. * [WEB-1516] refactor: publish project modal and types (#4716) * refacotr: project publish * chore: rename service names * chore: is_deployed changed to anchor * chore: update is_deployed key --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> * [WEB-412] chore: estimates analytics (#4730) * chore: estimate points in modules and cycle * chore: burn down chart analytics * chore: module serializer change * dev: handled y-axis estimates in analytics, implemented estimate points on modules * chore: burn down analytics * chore: state estimate point analytics * chore: updated the burn down values * Remove check mark from estimate point edit field in create estimate flow --------- Co-authored-by: guru_sainath <gurusainath007@gmail.com> Co-authored-by: Satish Gandham <satish.iitg@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: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com> Co-authored-by: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com> Co-authored-by: pushya22 <130810100+pushya22@users.noreply.github.com>
174 lines
6.0 KiB
TypeScript
174 lines
6.0 KiB
TypeScript
import { FC, MouseEvent, FocusEvent, useState } from "react";
|
|
import { observer } from "mobx-react";
|
|
import { Check, Info, X } from "lucide-react";
|
|
import { TEstimatePointsObject, TEstimateSystemKeys } from "@plane/types";
|
|
import { Spinner, TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
|
|
// constants
|
|
import { EEstimateSystem } from "@/constants/estimates";
|
|
// helpers
|
|
import { cn } from "@/helpers/common.helper";
|
|
import { isEstimatePointValuesRepeated } from "@/helpers/estimates";
|
|
// hooks
|
|
import { useEstimate } from "@/hooks/store";
|
|
|
|
type TEstimatePointCreate = {
|
|
workspaceSlug: string;
|
|
projectId: string;
|
|
estimateId: string | undefined;
|
|
estimateType: TEstimateSystemKeys;
|
|
estimatePoints: TEstimatePointsObject[];
|
|
handleEstimatePointValue?: (estimateValue: string) => void;
|
|
closeCallBack: () => void;
|
|
};
|
|
|
|
export const EstimatePointCreate: FC<TEstimatePointCreate> = observer((props) => {
|
|
const {
|
|
workspaceSlug,
|
|
projectId,
|
|
estimateId,
|
|
estimateType,
|
|
estimatePoints,
|
|
handleEstimatePointValue,
|
|
closeCallBack,
|
|
} = props;
|
|
// hooks
|
|
const { creteEstimatePoint } = useEstimate(estimateId);
|
|
// states
|
|
const [estimateInputValue, setEstimateInputValue] = useState("");
|
|
const [loader, setLoader] = useState(false);
|
|
const [error, setError] = useState<string | undefined>(undefined);
|
|
|
|
const handleSuccess = (value: string) => {
|
|
handleEstimatePointValue && handleEstimatePointValue(value);
|
|
setEstimateInputValue("");
|
|
closeCallBack();
|
|
};
|
|
|
|
const handleClose = () => {
|
|
setEstimateInputValue("");
|
|
closeCallBack();
|
|
};
|
|
|
|
const handleCreate = async (event: MouseEvent<HTMLButtonElement> | FocusEvent<HTMLInputElement, Element>) => {
|
|
event.preventDefault();
|
|
|
|
if (!workspaceSlug || !projectId) return;
|
|
|
|
setError(undefined);
|
|
|
|
if (estimateInputValue) {
|
|
const currentEstimateType: EEstimateSystem | undefined = estimateType;
|
|
let isEstimateValid = false;
|
|
|
|
const currentEstimatePointValues = estimatePoints
|
|
.map((point) => point?.value || undefined)
|
|
.filter((value) => value != undefined) as string[];
|
|
const isRepeated =
|
|
(estimateType && isEstimatePointValuesRepeated(currentEstimatePointValues, estimateType, estimateInputValue)) ||
|
|
false;
|
|
|
|
if (!isRepeated) {
|
|
if (currentEstimateType && [(EEstimateSystem.TIME, EEstimateSystem.POINTS)].includes(currentEstimateType)) {
|
|
if (estimateInputValue && Number(estimateInputValue) && Number(estimateInputValue) >= 0) {
|
|
isEstimateValid = true;
|
|
}
|
|
} else if (currentEstimateType && currentEstimateType === EEstimateSystem.CATEGORIES) {
|
|
if (estimateInputValue && estimateInputValue.length > 0) {
|
|
isEstimateValid = true;
|
|
}
|
|
}
|
|
|
|
if (isEstimateValid) {
|
|
if (estimateId != undefined) {
|
|
try {
|
|
setLoader(true);
|
|
|
|
const payload = {
|
|
key: estimatePoints?.length + 1,
|
|
value: estimateInputValue,
|
|
};
|
|
await creteEstimatePoint(workspaceSlug, projectId, payload);
|
|
|
|
setLoader(false);
|
|
setError(undefined);
|
|
setToast({
|
|
type: TOAST_TYPE.SUCCESS,
|
|
title: "Estimate point created",
|
|
message: "The estimate point has been created successfully.",
|
|
});
|
|
handleClose();
|
|
} catch {
|
|
setLoader(false);
|
|
setError("We are unable to process your request, please try again.");
|
|
setToast({
|
|
type: TOAST_TYPE.ERROR,
|
|
title: "Estimate point creation failed",
|
|
message: "We were unable to create the new estimate point, please try again.",
|
|
});
|
|
}
|
|
} else {
|
|
handleSuccess(estimateInputValue);
|
|
}
|
|
} else {
|
|
setLoader(false);
|
|
setError(
|
|
[EEstimateSystem.POINTS, EEstimateSystem.TIME].includes(estimateType)
|
|
? "Estimate point needs to be a numeric value."
|
|
: "Estimate point needs to be a character value."
|
|
);
|
|
}
|
|
} else setError("Estimate value already exists.");
|
|
} else setError("Estimate value cannot be empty.");
|
|
};
|
|
|
|
return (
|
|
<form className="relative flex items-center gap-2 text-base">
|
|
<div
|
|
className={cn(
|
|
"relative w-full border rounded flex items-center my-1",
|
|
error ? `border-red-500` : `border-custom-border-200`
|
|
)}
|
|
>
|
|
<input
|
|
type="text"
|
|
value={estimateInputValue}
|
|
onChange={(e) => setEstimateInputValue(e.target.value)}
|
|
className="border-none focus:ring-0 focus:border-0 focus:outline-none p-2.5 w-full bg-transparent"
|
|
placeholder="Enter estimate point"
|
|
autoFocus
|
|
onBlur={(e) => !estimateId && handleCreate(e)}
|
|
/>
|
|
{error && (
|
|
<>
|
|
<Tooltip tooltipContent={error} position="bottom">
|
|
<div className="flex-shrink-0 w-3.5 h-3.5 overflow-hidden mr-3 relative flex justify-center items-center text-red-500">
|
|
<Info size={14} />
|
|
</div>
|
|
</Tooltip>
|
|
</>
|
|
)}
|
|
</div>
|
|
|
|
{estimateId && (
|
|
<>
|
|
<button
|
|
type="submit"
|
|
className="rounded-sm w-6 h-6 flex-shrink-0 relative flex justify-center items-center hover:bg-custom-background-80 transition-colors cursor-pointer text-green-500"
|
|
disabled={loader}
|
|
onClick={handleCreate}
|
|
>
|
|
{loader ? <Spinner className="w-4 h-4" /> : <Check size={14} />}
|
|
</button>
|
|
<button
|
|
className="rounded-sm w-6 h-6 flex-shrink-0 relative flex justify-center items-center hover:bg-custom-background-80 transition-colors cursor-pointer"
|
|
onClick={handleClose}
|
|
disabled={loader}
|
|
>
|
|
<X size={14} className="text-custom-text-200" />
|
|
</button>
|
|
</>
|
|
)}
|
|
</form>
|
|
);
|
|
});
|