From 79cef04e48f2e41b4bdd25994209605ece1e6915 Mon Sep 17 00:00:00 2001
From: dvelo <52332868+DeveloLongScript@users.noreply.github.com>
Date: Mon, 19 Aug 2024 19:08:08 -0500
Subject: [PATCH] fix: mobile patches

---
 src/components/AfterServerView.tsx | 22 +++++++++++++++++++---
 src/components/ServerList.tsx      |  2 +-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/AfterServerView.tsx b/src/components/AfterServerView.tsx
index d2570d2..934d5f4 100644
--- a/src/components/AfterServerView.tsx
+++ b/src/components/AfterServerView.tsx
@@ -13,7 +13,7 @@ import { useTheme } from "next-themes";
 import FadeIn from "react-fade-in/lib/FadeIn";
 import { Button } from "./ui/button";
 import { ServerResponse } from "@/lib/types/mh-server";
-import { Copy } from "lucide-react";
+import { Copy, Info } from "lucide-react";
 import toast, { CheckmarkIcon } from "react-hot-toast";
 import { MHSF } from "@/lib/mhsf";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
@@ -138,7 +138,21 @@ export default function AfterServerView({ server }: { server: string }) {
                         <th className="border p-2">Server plan</th>
                         <td className="border p-2">
                           {serverObject?.expired == undefined ? (
-                            "? (unknown)"
+                            <div className="flex items-center">
+                              Free{" "}
+                              <Tooltip>
+                                <TooltipTrigger>
+                                  <div>
+                                    <Info size={16} className="ml-2" />
+                                  </div>
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                  The plan is really unknown, but in most
+                                  scenarios, the Minehut API returns{" "}
+                                  <code>undefined</code> if the server is free.
+                                </TooltipContent>
+                              </Tooltip>
+                            </div>
                           ) : (
                             <>{serverObject?.activeServerPlan}</>
                           )}
@@ -195,7 +209,9 @@ export default function AfterServerView({ server }: { server: string }) {
                         <th className="border p-2">Icon</th>
                         <td className="border p-2">
                           {serverObject?.icon == undefined ? (
-                            "? (unknown)"
+                            <>
+                              Default (<code>OAK_SIGN</code>)
+                            </>
                           ) : (
                             <code>{serverObject?.icon}</code>
                           )}
diff --git a/src/components/ServerList.tsx b/src/components/ServerList.tsx
index 06016e0..32076ed 100644
--- a/src/components/ServerList.tsx
+++ b/src/components/ServerList.tsx
@@ -716,7 +716,7 @@ export default function ServerList() {
         style={{ overflow: "hidden !important", paddingLeft: 6 }}
       >
         <ClientFadeIn delay={200}>
-          <div className={" grid " + "grid-cols-" + ipr + " gap-4"}>
+          <div className={" sm:grid " + "sm:grid-cols-" + ipr + " gap-4"}>
             {servers.map((b: any) => (
               <>
                 <ServerCard b={b} motd={motdList[b.name]} />