dvelo/mhsf-dev
1
0
Fork 0
mirror of https://github.com/DeveloLongScript/MHSF.git synced 2026-05-07 19:44:59 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add snowfall topbar button

Browse Source
This commit is contained in:
dvelo 2024-12-21 09:43:15 -06:00
parent a6d5aa52a5
commit bd6cfe6508
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/clerk/Topbar.tsx
View File

@ -35,10 +35,11 @@ import { Button } from "../ui/button";
import { ModeToggle as ThemeSwitcher } from "../ThemeSwitcher";
import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover";
import Image from "next/image";
import { InfoIcon } from "lucide-react";
import { CloudSnow, InfoIcon } from "lucide-react";
import LoggedInPopover from "./LoggedInPopover";
import SignInPopoverButton from "./SignInPopoverButton";
import InfoPopover from "../misc/InfoPopover";
import { snowfallEvents } from "../misc/SnowfallController";
export default function TopBar({ inter }: { inter: string }) {
const clerk = useClerk();
@ -49,6 +50,14 @@ export default function TopBar({ inter }: { inter: string }) {
<SignedOut>
<div className="mt-1 gap-1 grid grid-cols-5">
<SignInPopoverButton className="col-span-2" variant="outline" />
<Button
size="icon"
variant="ghost"
className="mb-1"
onClick={() => snowfallEvents.emit("toggle")}
>
<CloudSnow className="h-[1.2rem] w-[1.2rem]" />
</Button>
<Popover>
<PopoverTrigger>
<Button size="icon" variant="ghost">
@ -59,7 +68,15 @@ export default function TopBar({ inter }: { inter: string }) {
<InfoPopover />
</PopoverContent>
</Popover>
<Button variant="ghost" size="icon">
<Button
variant="ghost"
size="icon"
onClick={() =>
window
.open("https://github.com/DeveloLongScript/MHSF", "_blank")
?.focus()
}
>
<svg
viewBox="0 0 438.549 438.549"
className="h-[1.2rem] w-[1.2rem]"
@ -95,6 +112,14 @@ export default function TopBar({ inter }: { inter: string }) {
<LoggedInPopover />
</PopoverContent>
</Popover>
<Button
size="icon"
variant="ghost"
className="mb-1"
onClick={() => snowfallEvents.emit("toggle")}
>
<CloudSnow className="h-[1.2rem] w-[1.2rem]" />
</Button>
<Popover>
<PopoverTrigger>
<Button size="icon" variant="ghost" className="mb-1">