From e45d8f0a705637a3e377b837dcdc255e3d51cb90 Mon Sep 17 00:00:00 2001
From: dvelo <52332868+DeveloLongScript@users.noreply.github.com>
Date: Sat, 23 Nov 2024 17:59:09 -0600
Subject: [PATCH] fix: react-related issues

---
 src/components/CommandBar.tsx | 3 ++-
 src/components/ServerList.tsx | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/CommandBar.tsx b/src/components/CommandBar.tsx
index 272f5e9..7a973e5 100644
--- a/src/components/CommandBar.tsx
+++ b/src/components/CommandBar.tsx
@@ -80,6 +80,7 @@ import {
 import { TagShower } from "./ServerList";
 import { Button } from "./ui/button";
 import { useTheme } from "next-themes";
+import { CheckmarkIcon } from "react-hot-toast";
 
 export function SearchCommandBar() {
   const [serverList, setServerList] = useState<OnlineServer[]>([]);
@@ -278,7 +279,7 @@ export function OfflineServerCB() {
 
             {customized && (
               <h2 className="flex items-center text-muted-foreground">
-                <Check />
+                <CheckmarkIcon />
                 <span className="pl-1.5 text-[16px]">
                   Is customized by a MHSF User
                 </span>
diff --git a/src/components/ServerList.tsx b/src/components/ServerList.tsx
index 658974b..7be0585 100644
--- a/src/components/ServerList.tsx
+++ b/src/components/ServerList.tsx
@@ -1177,7 +1177,10 @@ export default function ServerList() {
                       {affiliates
                         .filter((a) => a.mode.includes("server-list"))
                         .map((a) => (
-                          <div className="border rounded p-4 col-span-2">
+                          <div
+                            className="border rounded p-4 col-span-2"
+                            key={a.name}
+                          >
                             {a.name}
                           </div>
                         ))}