From 867a968b5bcbd7bb1e77143cb9697caa263702af Mon Sep 17 00:00:00 2001
From: karamvir <karamvir.singh98@gmail.com>
Date: Sat, 5 Aug 2023 22:00:51 -0700
Subject: [PATCH] add proper server region to card

---
 frontend/src/resources/server/index.tsx |  2 +-
 frontend/src/resources/server/util.tsx  | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/resources/server/index.tsx b/frontend/src/resources/server/index.tsx
index 83971e32a..3c060ee86 100644
--- a/frontend/src/resources/server/index.tsx
+++ b/frontend/src/resources/server/index.tsx
@@ -53,7 +53,7 @@ export const ServerCard = ({ id }: { id: string }) => {
       >
         <div className="flex flex-col text-sm">
           <ServerSpecs server_id={server.id} />
-          <ServerRegion />
+          <ServerRegion serverId={server.id} />
         </div>
       </ResourceCard>
     </Link>
diff --git a/frontend/src/resources/server/util.tsx b/frontend/src/resources/server/util.tsx
index e8d015afe..8c182f5f7 100644
--- a/frontend/src/resources/server/util.tsx
+++ b/frontend/src/resources/server/util.tsx
@@ -47,11 +47,17 @@ export const ServerSpecs = ({ server_id }: { server_id: string }) => {
   );
 };
 
-export const ServerRegion = () => {
+export const ServerRegion = ({
+  serverId,
+}: {
+  serverId: string | undefined;
+}) => {
+  const servers = useRead("ListServers", {}).data;
+  const server = servers?.find((s) => s.id === serverId);
   return (
     <div className="flex gap-2 items-center text-muted-foreground">
       <MapPin className="w-4 h-4" />
-      server.region
+      {server?.region || "region unknown"}
     </div>
   );
 };