pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding auth guard to modal on mobile

Browse Source
This commit is contained in:
zmeyer44 2023-10-30 10:37:45 -04:00
parent 34675b2a12
commit 87dbdef4e4
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/(app)/explore/_components/NewEventButton.tsx
View File

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