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

fix: toggle button was broken

Browse Source
This commit is contained in:
dvelo 2024-12-21 09:48:08 -06:00
parent bd6cfe6508
commit 9cfec8deca
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,7 +48,7 @@ export default function TopBar({ inter }: { inter: string }) {
return ( return (
<> <>
<SignedOut> <SignedOut>
<div className="mt-1 gap-1 grid grid-cols-5"> <div className="mt-1 gap-1 grid grid-cols-6">
<SignInPopoverButton className="col-span-2" variant="outline" /> <SignInPopoverButton className="col-span-2" variant="outline" />
<Button <Button
size="icon" size="icon"
@ -91,7 +91,7 @@ export default function TopBar({ inter }: { inter: string }) {
</div> </div>
</SignedOut> </SignedOut>
<SignedIn> <SignedIn>
<div className="mt-1 grid grid-cols-4 gap-1"> <div className="mt-1 grid grid-cols-5 gap-1">
<Popover> <Popover>
<PopoverTrigger> <PopoverTrigger>
<Button size="icon" variant="ghost" className="mb-1"> <Button size="icon" variant="ghost" className="mb-1">

10
src/components/misc/SnowfallController.tsx
View File

@ -29,19 +29,19 @@
*/ */
"use client"; "use client";
import { CommandEvents } from "@/lib/commandEvent"; import { CommandEvents } from "@/lib/commandEvent";
import { useEffectOnce } from "@/lib/useEffectOnce"; import { useEffect, useState } from "react";
import { useState } from "react";
import Snowfall from "react-snowfall"; import Snowfall from "react-snowfall";
export const snowfallEvents = new CommandEvents(); export const snowfallEvents = new CommandEvents();
export default function SnowfallController() { export default function SnowfallController() {
const [visible, setVisible] = useState(true); const [visible, setVisible] = useState(true);
useEffectOnce(() => { useEffect(() => {
snowfallEvents.on("toggle", () => setVisible(!visible)); snowfallEvents.on("toggle", () => {
setVisible(!visible);
}); });
}, [visible]);
return ( return (
<> <>