From 87dbdef4e4496aecdeb9a40a7f512df37aa295a3 Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Mon, 30 Oct 2023 10:37:45 -0400
Subject: [PATCH] adding auth guard to modal on mobile

---
 app/(app)/explore/_components/NewEventButton.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/(app)/explore/_components/NewEventButton.tsx b/app/(app)/explore/_components/NewEventButton.tsx
index 8e5fc94..d5c1a01 100644
--- a/app/(app)/explore/_components/NewEventButton.tsx
+++ b/app/(app)/explore/_components/NewEventButton.tsx
@@ -1,14 +1,24 @@
 "use client";
 import { useModal } from "@/app/_providers/modal/provider";
+import useCurrentUser from "@/lib/hooks/useCurrentUser";
 import NewEventModal from "@/components/Modals/NewEvent";
 import { RiAddFill } from "react-icons/ri";
+import LoginModal from "@/components/Modals/Login";
 import { Button } from "@/components/ui/button";
 
 export default function NewEventButton() {
   const modal = useModal();
+  const { currentUser } = useCurrentUser();
+
   return (
     <Button
-      onClick={() => modal?.show(<NewEventModal />)}
+      onClick={() => {
+        if (currentUser) {
+          return modal?.show(<NewEventModal />);
+        } else {
+          return modal?.show(<LoginModal />);
+        }
+      }}
       size={"icon"}
       className="h-[50px] w-[50px]"
     >