diff --git a/package.json b/package.json index f246ad1..36afd69 100644 --- a/package.json +++ b/package.json @@ -57,9 +57,11 @@ "react-fast-marquee": "^1.6.5", "react-hot-toast": "^2.4.1", "react-qr-code": "^2.0.15", + "react-snowfall": "^2.2.0", "rehype-slug": "^6.0.0", "remark-gfm": "^4.0.0", "sonner": "^1.7.0", + "stripe-gradient": "^1.0.1", "tailwind-merge": "^2.3.0", "tailwindcss-animate": "^1.0.7", "tailwindcss-patch": "^4.0.0", diff --git a/src/components/CommandBar.tsx b/src/components/CommandBar.tsx index 7a973e5..7345b2c 100644 --- a/src/components/CommandBar.tsx +++ b/src/components/CommandBar.tsx @@ -68,6 +68,7 @@ import { } from "@/lib/api"; import IconDisplay from "./IconDisplay"; import ServerSingle from "@/lib/single"; +import SnowfallController from "./misc/SnowfallController"; import { toast } from "sonner"; import { ServerResponse, OnlineServer } from "@/lib/types/mh-server"; import { @@ -512,12 +513,25 @@ export function ServerCommandBar() { } function timeConverter(UNIX_timestamp: any) { - var a = new Date(UNIX_timestamp); - var months = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]; - var year = a.getFullYear(); - var month = months[a.getMonth()]; - var date = a.getDate(); - var time = month + "/" + date + "/" + year; + const a = new Date(UNIX_timestamp); + const months = [ + "1", + "2", + "3", + "4", + "5", + "6", + "7", + "8", + "9", + "10", + "11", + "12", + ]; + const year = a.getFullYear(); + const month = months[a.getMonth()]; + const date = a.getDate(); + const time = month + "/" + date + "/" + year; return time; } @@ -842,6 +856,7 @@ export function CommandBarer() { + ); } diff --git a/src/components/clerk/Topbar.tsx b/src/components/clerk/Topbar.tsx index d90edda..3616615 100644 --- a/src/components/clerk/Topbar.tsx +++ b/src/components/clerk/Topbar.tsx @@ -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(); @@ -47,8 +48,16 @@ export default function TopBar({ inter }: { inter: string }) { return ( <> -
+
+