// components/Sidebar.tsx "use client"; import { useSession, signOut } from "next-auth/react"; import React, { useState } from "react"; import { Button } from "@/components/ui/button"; // Adjust the path as needed import Image from "next/image"; import { Avatar, AvatarImage } from "../ui/avatar"; import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover"; import { ChevronRight, ChevronLeft } from "lucide-react"; const Sidebar = () => { const [isOpen, setIsOpen] = useState(false); const { data: session } = useSession(); console.log("Session data:", session); const toggleSidebar = () => { setIsOpen(!isOpen); }; return (

{isOpen ? (

) : (

)}

{session?.user?.name}

); }; export default Sidebar;