Change display instead of visibility property for mod check

regalijan · Oct 19, 2023 · 7472f76 · 7472f76
1 parent 8f9f435
commit 7472f76
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -136,9 +136,9 @@ export default function (props: {
                 </Button>
                 <Button
                   as="a"
+                  display={hasMod() ? undefined : "none"}
                   href="/mod-queue"
                   variant="ghost"
-                  visibility={hasMod() ? "visible" : "hidden"}
                 >
                   Moderation
                 </Button>
@@ -193,7 +193,7 @@ export default function (props: {
           <Link href="/about">About Us</Link>
           <Link href="/team">Our Team</Link>
           <Link href="/support">Support</Link>
-          <Link href="/mod-queue" visibility={hasMod() ? "visible" : "hidden"}>
+          <Link href="/mod-queue" display={hasMod() ? undefined : "none"}>
             Moderation
           </Link>
           <hr />