chore: 🔨 replace .error with .log

Author: moinulmoin

src/app/[locale]/dashboard/error.tsx

@@ -12,12 +12,12 @@ export default function Error({
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
-    console.error(error);
+    console.log(error);
   }, [error]);
 
   return (
     <div className="flex h-[calc(100vh-160px)] w-full flex-col items-center justify-center gap-y-4">
-      <h2 className=" text-5xl font-bold text-destructive">
+      <h2 className="text-5xl font-bold text-destructive">
         Oops, Something Went Wrong!
       </h2>
       <Button onClick={() => reset()}>Try Again</Button>

src/app/[locale]/dashboard/projects/[projectId]/delete-card.tsx

@@ -14,6 +14,7 @@ import {
 import { Button } from "~/components/ui/button";
 import { Card, CardDescription, CardTitle } from "~/components/ui/card";
 import { toast } from "~/hooks/use-toast";
+import { isRedirectError } from "~/lib/utils";
 import { deleteProjectById } from "../action";
 
 export default function DeleteCard({ id }: { id: string }) {
@@ -27,12 +28,14 @@ export default function DeleteCard({ id }: { id: string }) {
           });
         })
         .catch((error) => {
-          console.error(error);
-          toast({
-            title: "Error deleting project.",
-            description: "Please try again.",
-            variant: "destructive",
-          });
+          console.log(error);
+          if (!isRedirectError(error)) {
+            toast({
+              title: "Error deleting project.",
+              description: "Please try again.",
+              variant: "destructive",
+            });
+          }
         })
     );
   };

src/app/[locale]/dashboard/projects/[projectId]/editable-details.tsx

@@ -18,12 +18,6 @@ import { toast } from "~/hooks/use-toast";
 import { updateProjectById } from "../action";
 import { projectSchema, type ProjectFormValues } from "../create-project-modal";
 
-// const projectEditSchema = projectSchema.extend({
-//   id: z.string().readonly(),
-// });
-
-// type ProjectEditValues = z.infer<typeof projectEditSchema>;
-
 export default function EditableDetails({
   initialValues,
 }: {
@@ -42,7 +36,7 @@ export default function EditableDetails({
       });
       form.reset();
     } catch (error) {
-      console.error(error);
+      console.log(error);
       toast({
         title: "Error creating project.",
         description: "Please try again.",

src/app/[locale]/dashboard/projects/create-project-modal.tsx

@@ -58,7 +58,7 @@ export default function CreateProjectModal() {
       form.reset();
       setIsOpen(false);
     } catch (error) {
-      console.error({ error });
+      console.log(error);
       if (error instanceof FreePlanLimitError) {
         return toast({
           title: "Free plan limit reached. Please upgrade your plan.",

src/app/[locale]/dashboard/settings/actions.ts

@@ -26,7 +26,7 @@ export async function removeUserOldImageFromCDN(
       await utapi.deleteFiles(currentImageFileKey as string);
     }
   } catch (e) {
-    console.error(e);
+    console.log(e);
     const newImageFileKey = getImageKeyFromUrl(newImageUrl);
     await utapi.deleteFiles(newImageFileKey as string);
   }

src/app/[locale]/dashboard/settings/error.tsx

@@ -12,12 +12,12 @@ export default function Error({
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
-    console.error(error);
+    console.log(error);
   }, [error]);
 
   return (
     <div className="flex h-full w-full flex-col items-center justify-center gap-y-4">
-      <h2 className=" text-4xl font-bold text-destructive">
+      <h2 className="text-4xl font-bold text-destructive">
         Something Went Wrong!
       </h2>
       <Button onClick={() => reset()}>Try Again</Button>

src/app/[locale]/dashboard/settings/settings-form.tsx

@@ -85,7 +85,7 @@ export default function SettingsForm({ currentUser }: { currentUser: User }) {
       try {
         await removeNewImageFromCDN(getValues().picture);
       } catch (error) {
-        console.error(error);
+        console.log(error);
       }
     }
     reset();

src/app/global-error.tsx

@@ -12,12 +12,12 @@ export default function GlobalError({
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
-    console.error(error);
+    console.log(error);
   }, [error]);
 
   return (
     <div className="flex h-[calc(100vh-160px)] w-full flex-col items-center justify-center gap-y-4">
-      <h2 className=" text-5xl font-bold text-destructive">
+      <h2 className="text-5xl font-bold text-destructive">
         Oops, Something Went Wrong!
       </h2>
       <Button onClick={() => reset()}>Try Again</Button>

src/components/layout/image-upload-modal.tsx

@@ -47,7 +47,7 @@ export default function ImageUploadModal({
         }
       },
       onUploadError: (e) => {
-        console.error(e);
+        console.log(e);
         toast({
           title: "Error occurred while uploading!",
           variant: "destructive",

src/lib/utils.ts

@@ -53,3 +53,13 @@ export class FreePlanLimitError extends Error {
     super(message);
   }
 }
+
+export function isRedirectError(error: unknown): boolean {
+  return (
+    error !== null &&
+    typeof error === "object" &&
+    "digest" in error &&
+    typeof error.digest === "string" &&
+    error.digest.includes("NEXT_REDIRECT")
+  );
+}