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 (
<>
-
+
+
-