();
const { t } = useTranslation();
// derived values
const coverImage = watch("cover_image_url");
@@ -37,14 +48,18 @@ function ProjectCreateHeader(props: Props) {
alt={t("project_cover_image_alt")}
className="absolute left-0 top-0 h-full w-full rounded-lg"
/>
-
-
-
-
+ {showActionButtons && (
+
+ )}
+ {isClosable && (
+
+
+
+ )}
(
{
+ onChange(data);
+ handleFormOnChange?.();
+ }}
control={control}
- onChange={onChange}
value={value ?? null}
tabIndex={getIndex("cover_image")}
/>
@@ -72,7 +90,7 @@ function ProjectCreateHeader(props: Props) {
className="flex items-center justify-center"
buttonClassName="flex items-center justify-center"
label={
-
+
}
@@ -85,15 +103,20 @@ function ProjectCreateHeader(props: Props) {
};
else if (val?.type === "icon") logoValue = val.value;
- onChange({
+ const newLogoProps = {
in_use: val?.type,
[val?.type]: logoValue,
+ };
+ setValue("logo_props", newLogoProps, {
+ shouldDirty: true,
});
+ onChange(newLogoProps);
+ handleFormOnChange?.();
setIsOpen(false);
}}
- defaultIconColor={value.in_use && value.in_use === "icon" ? value.icon?.color : undefined}
+ defaultIconColor={value?.in_use && value.in_use === "icon" ? value.icon?.color : undefined}
defaultOpen={
- value.in_use && value.in_use === "emoji" ? EmojiIconPickerTypes.EMOJI : EmojiIconPickerTypes.ICON
+ value?.in_use && value.in_use === "emoji" ? EmojiIconPickerTypes.EMOJI : EmojiIconPickerTypes.ICON
}
/>
)}
diff --git a/apps/web/core/components/project/delete-project-modal.tsx b/apps/web/core/components/project/delete-project-modal.tsx
index 8b4f33f39f..3a0276fee9 100644
--- a/apps/web/core/components/project/delete-project-modal.tsx
+++ b/apps/web/core/components/project/delete-project-modal.tsx
@@ -1,16 +1,12 @@
import { useParams } from "next/navigation";
import { Controller, useForm } from "react-hook-form";
import { AlertTriangle } from "lucide-react";
-// types
-import { PROJECT_TRACKER_EVENTS } from "@plane/constants";
+// Plane imports
import { Button } from "@plane/propel/button";
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
import type { IProject } from "@plane/types";
-// ui
import { Input, EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
-// constants
// hooks
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
import { useProject } from "@/hooks/store/use-project";
import { useAppRouter } from "@/hooks/use-app-router";
@@ -55,36 +51,22 @@ export function DeleteProjectModal(props: DeleteProjectModal) {
const onSubmit = async () => {
if (!workspaceSlug || !canDelete) return;
- await deleteProject(workspaceSlug.toString(), project.id)
- .then(() => {
- if (projectId && projectId.toString() === project.id) router.push(`/${workspaceSlug}/projects`);
-
- handleClose();
- captureSuccess({
- eventName: PROJECT_TRACKER_EVENTS.delete,
- payload: {
- id: project.id,
- },
- });
- setToast({
- type: TOAST_TYPE.SUCCESS,
- title: "Success!",
- message: "Project deleted successfully.",
- });
- })
- .catch(() => {
- captureError({
- eventName: PROJECT_TRACKER_EVENTS.delete,
- payload: {
- id: project.id,
- },
- });
- setToast({
- type: TOAST_TYPE.ERROR,
- title: "Error!",
- message: "Something went wrong. Please try again later.",
- });
+ try {
+ await deleteProject(workspaceSlug.toString(), project.id);
+ if (projectId && projectId.toString() === project.id) router.push(`/${workspaceSlug}/projects`);
+ handleClose();
+ setToast({
+ type: TOAST_TYPE.SUCCESS,
+ title: "Success!",
+ message: "Project deleted successfully.",
});
+ } catch (_error) {
+ setToast({
+ type: TOAST_TYPE.ERROR,
+ title: "Error!",
+ message: "Something went wrong. Please try again later.",
+ });
+ }
};
return (
diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx
index cc405aaab6..634275c40f 100644
--- a/apps/web/core/components/project/form.tsx
+++ b/apps/web/core/components/project/form.tsx
@@ -1,7 +1,7 @@
import { useEffect, useState } from "react";
import { Controller, useForm } from "react-hook-form";
import { Info } from "lucide-react";
-import { NETWORK_CHOICES, PROJECT_TRACKER_ELEMENTS, PROJECT_TRACKER_EVENTS } from "@plane/constants";
+import { NETWORK_CHOICES } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
// plane imports
import { Button } from "@plane/propel/button";
@@ -18,7 +18,6 @@ import { ImagePickerPopover } from "@/components/core/image-picker-popover";
import { TimezoneSelect } from "@/components/global";
// helpers
import { handleCoverImageChange } from "@/helpers/cover-image.helper";
-import { captureError, captureSuccess } from "@/helpers/event-tracker.helper";
// hooks
import { useProject } from "@/hooks/store/use-project";
import { usePlatformOS } from "@/hooks/use-platform-os";
@@ -87,12 +86,6 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
if (!workspaceSlug || !project) return;
return updateProject(workspaceSlug.toString(), project.id, payload)
.then(() => {
- captureSuccess({
- eventName: PROJECT_TRACKER_EVENTS.update,
- payload: {
- id: projectId,
- },
- });
setToast({
type: TOAST_TYPE.SUCCESS,
title: t("toast.success"),
@@ -101,13 +94,6 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
})
.catch((err) => {
try {
- captureError({
- eventName: PROJECT_TRACKER_EVENTS.update,
- payload: {
- id: projectId,
- },
- });
-
// Handle the new error format where codes are nested in arrays under field names
const errorData = err ?? {};
@@ -437,14 +423,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
<>
-
{secondaryButton}
-