Merge 1cc2be6707dee75939a1b922f9fad9d1e2675bb5 into cbdcc74ce8cd0d60ece7f88d000a2ece088e5801

src/components/AfterServerView.tsx

@@ -37,7 +37,7 @@ import {
   getIndexFromRarity,
   getMinehutIcons,
 } from "@/lib/types/server-icon";
-import { Banknote, Copy, Info, QrCode, Share2 } from "lucide-react";
+import { Copy, Info, QrCode, Share2 } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
 import FadeIn from "react-fade-in/lib/FadeIn";
@@ -287,9 +287,8 @@ export default function AfterServerView({ server }: { server: string }) {
                         </td>
                       </tr>
                       <tr>
-                        <th className="border p-2">Credits p/ day</th>
-                        <td className="border p-2 flex items-center">
-                          <Banknote className="mr-1" />
+                        <th className="border p-2">Credits per day</th>
+                        <td className="border p-2">
                           {serverObject?.credits_per_day == undefined
                             ? "? (unknown)"
                             : Math.floor(serverObject?.credits_per_day)}
@@ -476,7 +475,7 @@ export default function AfterServerView({ server }: { server: string }) {
                 {serverObject?.purchased_icons.map((icon) => (
                   <Card key={icon} className="my-4">
                     <CardContent
-                      className="pt-4 flex items-center"
+                      className="pt-4"
                       style={{
                         color: getIndexFromRarity(
                           icons?.find((c) => c._id === icon)?.rank.toLowerCase()
@@ -490,37 +489,6 @@ export default function AfterServerView({ server }: { server: string }) {
                         className="mr-2"
                       />
                       {icons?.find((c) => c._id === icon)?.display_name}
-                      <Tooltip>
-                        <TooltipTrigger>
-                          <Info size={18} className="ml-2" />
-                        </TooltipTrigger>
-                        <TooltipContent>
-                          Just because an item is available, it doesn't directly{" "}
-                          <br />
-                          mean that it can be bought immediately, it just means
-                          its in the <br />
-                          pool of icons that are in the weekly rotation.
-                          <br />
-                          <br />
-                          <span className="flex items-center">
-                            <span className="mr-1">Available currently:</span>
-                            {toJSX(
-                              icons?.find((c) => c._id === icon)?.available
-                            )}
-                          </span>
-                          <span className="flex items-center">
-                            <span className="mr-1">Disabled currently:</span>
-                            {toJSX(
-                              icons?.find((c) => c._id === icon)?.disabled
-                            )}
-                          </span>
-                          <span className="flex items-center">
-                            <span className="mr-1">Price:</span>
-                            <Banknote size={16} className="mr-1" />
-                            {icons?.find((c) => c._id === icon)?.price} credits
-                          </span>
-                        </TooltipContent>
-                      </Tooltip>
                       <span
                         className="mx-2 p-1 pr-2 rounded italic font-bold"
                         style={{
@@ -549,14 +517,10 @@ export default function AfterServerView({ server }: { server: string }) {
   );
 }
 
-function toJSX(boolean?: boolean) {
+function toJSX(boolean: boolean) {
   if (boolean) {
     return <div className="text-green-400">True</div>;
   }
 
-  if (boolean == undefined) {
-    return <div className="text-gray-400">N/A</div>;
-  }
-
   return <div className="text-red-400">False</div>;
 }

src/components/ThemeProvider.tsx

@@ -32,7 +32,7 @@
 
 import * as React from "react";
 import { ThemeProvider as NextThemesProvider, useTheme } from "next-themes";
-import { type ThemeProviderProps } from "next-themes";
+import { type ThemeProviderProps } from "next-themes/dist/types";
 
 declare global {
   interface Document {

src/components/misc/StickyTopbar.tsx

@@ -30,7 +30,6 @@
 
 "use client";
 
-import { banner } from "@/config/banner";
 import { useEffect, useState, ReactNode } from "react";
 
 export default function StickyTopbar({
@@ -61,7 +60,7 @@ export default function StickyTopbar({
 
   return (
     <div
-      className={`transition-all duration-300 ${isSticky ? "fixed left-0 w-full backdrop-blur shadow-lg " + (banner.isBanner == true ? "top-[70px] " : "top-[38px] ") + className : "block w-full bg-transparent"}`}
+      className={`transition-all duration-300 ${isSticky ? "fixed top-[70px] left-0 w-full backdrop-blur shadow-lg " + className : "block w-full bg-transparent"}`}
     >
       {children}
     </div>