feat: public boards

apps/web/src/views/card/components/Comment.tsx

@@ -1,15 +1,14 @@
-import { useState } from "react";
-import { useForm } from "react-hook-form";
-import ContentEditable from "react-contenteditable";
 import { formatDistanceToNow } from "date-fns";
-
-import { api } from "~/utils/api";
-import { usePopup } from "~/providers/popup";
+import { useState } from "react";
+import ContentEditable from "react-contenteditable";
+import { useForm } from "react-hook-form";
+import { HiEllipsisHorizontal, HiPencil } from "react-icons/hi2";
 
 import Avatar from "~/components/Avatar";
 import Button from "~/components/Button";
 import Dropdown from "~/components/Dropdown";
-import { HiEllipsisHorizontal, HiPencil } from "react-icons/hi2";
+import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
 
 interface FormValues {
   comment: string;
@@ -54,6 +53,7 @@ const Comment = ({
       showPopup({
         header: "Unable to update comment",
         message: "Please try again later, or contact customer support.",
+        icon: "error",
       });
     },
   });

apps/web/src/views/card/components/DeleteCardConfirmation.tsx

@@ -1,8 +1,9 @@
 import { useRouter } from "next/navigation";
-import { api } from "~/utils/api";
-import { useModal } from "~/providers/modal";
+
 import { useBoard } from "~/providers/board";
+import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
 
 interface DeleteCardConfirmationProps {
   cardPublicId: string;
@@ -24,6 +25,7 @@ export function DeleteCardConfirmation({
       showPopup({
         header: "Error deleting card",
         message: "Please try again later, or contact customer support.",
+        icon: "error",
       }),
   });
 

apps/web/src/views/card/components/DeleteLabelConfirmation.tsx

@@ -1,8 +1,7 @@
-import { api } from "~/utils/api";
+import Button from "~/components/Button";
 import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
-
-import Button from "~/components/Button";
+import { api } from "~/utils/api";
 
 export function DeleteLabelConfirmation({
   cardPublicId,
@@ -23,6 +22,7 @@ export function DeleteLabelConfirmation({
       showPopup({
         header: "Error deleting label",
         message: "Please try again later, or contact customer support.",
+        icon: "error",
       }),
   });
 

apps/web/src/views/card/components/NewCommentForm.tsx

@@ -1,11 +1,10 @@
-import { useForm } from "react-hook-form";
 import ContentEditable from "react-contenteditable";
+import { useForm } from "react-hook-form";
 import { HiOutlineArrowUp } from "react-icons/hi2";
 
 import LoadingSpinner from "~/components/LoadingSpinner";
-
-import { api } from "~/utils/api";
 import { usePopup } from "~/providers/popup";
+import { api } from "~/utils/api";
 
 interface FormValues {
   comment: string;
@@ -29,6 +28,7 @@ const NewCommentForm = ({ cardPublicId }: { cardPublicId: string }) => {
       showPopup({
         header: "Unable to add comment",
         message: "Please try again later, or contact customer support.",
+        icon: "error",
       });
     },
   });