diff --git a/src/app/(client-components)/(Header)/AvatarDropdown.tsx b/src/app/(client-components)/(Header)/AvatarDropdown.tsx new file mode 100644 index 0000000..9c25fc6 --- /dev/null +++ b/src/app/(client-components)/(Header)/AvatarDropdown.tsx @@ -0,0 +1,314 @@ +import { Popover, Transition } from "@headlessui/react"; +import { Fragment } from "react"; +import Avatar from "@/shared/Avatar"; +import SwitchDarkMode2 from "@/shared/SwitchDarkMode2"; +import Link from "next/link"; +interface Props { + className?: string; +} + +export default function AvatarDropdown({ className = "" }: Props) { + return ( + <> + + {({ open, close }) => ( + <> + + + + + +
+
+
+ + +
+

Eden Smith

+

Los Angeles, CA

+
+
+ +
+ + {/* ------------------ 1 --------------------- */} + close()} + > +
+ + + + +
+
+

{"My Account"}

+
+ + + {/* ------------------ 2 --------------------- */} + close()} + > +
+ + + + + + +
+
+

{"My bookings"}

+
+ + + {/* ------------------ 2 --------------------- */} + close()} + > +
+ + + +
+
+

{"Wishlist"}

+
+ + +
+ + {/* ------------------ 2 --------------------- */} +
+
+
+ + + + + +
+
+

{"Dark theme"}

+
+
+ +
+ + {/* ------------------ 2 --------------------- */} + close()} + > +
+ + + + + + + + +
+
+

{"Help"}

+
+ + + {/* ------------------ 2 --------------------- */} + close()} + > +
+ + + + + +
+
+

{"Log out"}

+
+ +
+
+ + + + )} + + + ); +}