feat: Add login check before creating an answer

Author: TheCoderAdi

components/forms/Answer.tsx

@@ -11,6 +11,7 @@ import { useTheme } from "@/context/ThemeProvider";
 import { Button } from "../ui/button";
 import { createAnswer } from "@/lib/actions/answer.action";
 import { usePathname } from "next/navigation";
+import { toast } from "../hooks/use-toast";
 
 interface Props {
   question: string;
@@ -30,6 +31,12 @@ const Answer = ({ question, questionId, author }: Props) => {
   });
 
   const handleCreateAnswer = async (values: z.infer<typeof answerSchema>) => {
+    if (!author)
+      return toast({
+        title: "You need to be logged in to answer",
+        description: "Please login to answer",
+        variant: "destructive",
+      });
     setIsSubmiting(true);
     try {
       await createAnswer({

components/ui/toaster.tsx

@@ -15,12 +15,19 @@ export function Toaster() {
 
   return (
     <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
+      {toasts.map(function ({
+        id,
+        title,
+        description,
+        variant,
+        action,
+        ...props
+      }) {
         return (
           <Toast
             key={id}
             {...props}
-            className="text-dark100_light900 border-light-700 bg-light-900 dark:border-dark-400 dark:bg-dark-300"
+            className={`text-dark100_light900 border-light-700 bg-light-900 dark:border-dark-400 dark:bg-dark-300 ${variant === "destructive" ? "border-red-500 bg-red-500 text-white dark:bg-red-400" : ""}`}
           >
             <div className="grid gap-1">
               {title && <ToastTitle>{title}</ToastTitle>}