github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

estimates events added

Browse Source
This commit is contained in:
LAKHAN BAHETI 2024-03-06 13:42:48 +05:30
parent 6c78b98c9c
commit 6cea3f5e94
6 changed files with 66 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/components/estimates/create-update-estimate-modal.tsx
View File

@ -4,7 +4,7 @@ import { Controller, useForm } from "react-hook-form";
import { Dialog, Transition } from "@headlessui/react";
import { observer } from "mobx-react-lite";
// store hooks
import { useEstimate } from "hooks/store";
import { useEstimate, useEventTracker } from "hooks/store";
import useToast from "hooks/use-toast";
// ui
import { Button, Input, TextArea } from "@plane/ui";
@ -12,6 +12,8 @@ import { Button, Input, TextArea } from "@plane/ui";
import { checkDuplicates } from "helpers/array.helper";
// types
import { IEstimate, IEstimateFormData } from "@plane/types";
// constants
import { ESTIMATE_CREATED, ESTIMATE_UPDATED } from "constants/event-tracker";
type Props = {
isOpen: boolean;
@ -39,6 +41,7 @@ export const CreateUpdateEstimateModal: React.FC<Props> = observer((props) => {
const { workspaceSlug, projectId } = router.query;
// store hooks
const { createEstimate, updateEstimate } = useEstimate();
const { captureEvent } = useEventTracker();
// form info
// toast alert
const { setToastAlert } = useToast();
@ -60,7 +63,15 @@ export const CreateUpdateEstimateModal: React.FC<Props> = observer((props) => {
if (!workspaceSlug || !projectId) return;
await createEstimate(workspaceSlug.toString(), projectId.toString(), payload)
.then(() => {
.then((res) => {
captureEvent(ESTIMATE_CREATED, {
estimate_id: res.id,
estimate_points: res.points.map((point) => ({
id: point.id,
value: point.value,
key: point.key,
})),
});
onClose();
})
.catch((err) => {
@ -83,6 +94,10 @@ export const CreateUpdateEstimateModal: React.FC<Props> = observer((props) => {
await updateEstimate(workspaceSlug.toString(), projectId.toString(), data.id, payload)
.then(() => {
captureEvent(ESTIMATE_UPDATED, {
estimate_id: data.id,
estimate_points: payload.estimate_points
});
onClose();
})
.catch((err) => {

8
web/components/estimates/delete-estimate-modal.tsx
View File

@ -4,12 +4,14 @@ import { Dialog, Transition } from "@headlessui/react";
import { observer } from "mobx-react-lite";
import { AlertTriangle } from "lucide-react";
// store hooks
import { useEstimate } from "hooks/store";
import { useEstimate, useEventTracker } from "hooks/store";
import useToast from "hooks/use-toast";
// types
import { IEstimate } from "@plane/types";
// ui
import { Button } from "@plane/ui";
// constants
import { ESTIMATE_DELETED } from "constants/event-tracker";
type Props = {
isOpen: boolean;
@ -26,6 +28,7 @@ export const DeleteEstimateModal: React.FC<Props> = observer((props) => {
const { workspaceSlug, projectId } = router.query;
// store hooks
const { deleteEstimate } = useEstimate();
const { captureEvent } = useEventTracker();
// toast alert
const { setToastAlert } = useToast();
@ -36,6 +39,9 @@ export const DeleteEstimateModal: React.FC<Props> = observer((props) => {
deleteEstimate(workspaceSlug.toString(), projectId.toString(), estimateId)
.then(() => {
captureEvent(ESTIMATE_DELETED, {
estimate_id: estimateId,
});
setIsDeleteLoading(false);
handleClose();
})

13
web/components/estimates/estimate-list-item.tsx
View File

@ -2,7 +2,7 @@ import React from "react";
import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
// hooks
import { useProject } from "hooks/store";
import { useEventTracker, useProject } from "hooks/store";
import useToast from "hooks/use-toast";
// ui
import { Button, CustomMenu } from "@plane/ui";
@ -12,6 +12,8 @@ import { Pencil, Trash2 } from "lucide-react";
import { orderArrayBy } from "helpers/array.helper";
// types
import { IEstimate } from "@plane/types";
// constants
import { ESTIMATE_USED } from "constants/event-tracker";
type Props = {
estimate: IEstimate;
@ -26,6 +28,7 @@ export const EstimateListItem: React.FC<Props> = observer((props) => {
const { workspaceSlug, projectId } = router.query;
// store hooks
const { currentProjectDetails, updateProject } = useProject();
const { captureEvent } = useEventTracker();
// hooks
const { setToastAlert } = useToast();
@ -34,7 +37,13 @@ export const EstimateListItem: React.FC<Props> = observer((props) => {
await updateProject(workspaceSlug.toString(), projectId.toString(), {
estimate: estimate.id,
}).catch((err) => {
})
.then(() => {
captureEvent(ESTIMATE_USED, {
estimate_id: estimate.id,
});
})
.catch((err) => {
const error = err?.error;
const errorString = Array.isArray(error) ? error[0] : error;

12
web/components/estimates/estimates-list.tsx
View File

@ -3,7 +3,7 @@ import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
import { useTheme } from "next-themes";
// store hooks
import { useEstimate, useProject, useUser } from "hooks/store";
import { useEstimate, useEventTracker, useProject, useUser } from "hooks/store";
import useToast from "hooks/use-toast";
// components
import { CreateUpdateEstimateModal, DeleteEstimateModal, EstimateListItem } from "components/estimates";
@ -16,6 +16,7 @@ import { IEstimate } from "@plane/types";
import { orderArrayBy } from "helpers/array.helper";
// constants
import { PROJECT_SETTINGS_EMPTY_STATE_DETAILS } from "constants/empty-state";
import { ESTIMATE_DISABLED } from "constants/event-tracker";
export const EstimatesList: React.FC = observer(() => {
// states
@ -31,6 +32,7 @@ export const EstimatesList: React.FC = observer(() => {
const { updateProject, currentProjectDetails } = useProject();
const { projectEstimates, getProjectEstimateById } = useEstimate();
const { currentUser } = useUser();
const { captureEvent } = useEventTracker();
// toast alert
const { setToastAlert } = useToast();
@ -46,7 +48,13 @@ export const EstimatesList: React.FC = observer(() => {
const disableEstimates = () => {
if (!workspaceSlug || !projectId) return;
updateProject(workspaceSlug.toString(), projectId.toString(), { estimate: null }).catch((err) => {
updateProject(workspaceSlug.toString(), projectId.toString(), { estimate: null })
.then(() => {
captureEvent(ESTIMATE_DISABLED, {
current_estimate_id : currentProjectDetails?.estimate,
});
})
.catch((err) => {
const error = err?.error;
const errorString = Array.isArray(error) ? error[0] : error;

6
web/constants/event-tracker.ts
View File

@ -246,6 +246,12 @@ export const AUTO_ARCHIVE_TOGGLED = "Auto archive toggled";
export const AUTO_ARCHIVE_UPDATED = "Auto archive updated";
export const AUTO_CLOSE_Toggled = "Auto close toggled";
export const AUTO_CLOSE_UPDATED = "Auto close updated";
// Estimate Events
export const ESTIMATE_CREATED = "Estimate created";
export const ESTIMATE_UPDATED = "Estimate updated";
export const ESTIMATE_DELETED = "Estimate deleted";
export const ESTIMATE_USED = "Estimate used";
export const ESTIMATE_DISABLED = "Estimate disabled";
// Project Page Events
export const PAGE_CREATED = "Page created";
export const PAGE_UPDATED = "Page updated";

2
web/store/estimate.store.ts
View File

@ -184,7 +184,7 @@ export class EstimateStore implements IEstimateStore {
runInAction(() => {
set(this.estimateMap, [responseEstimate.id], responseEstimate);
});
return response.estimate;
return responseEstimate;
});
/**