From bd1effe3132276f75b6105ee34dd5fdd3f91158d Mon Sep 17 00:00:00 2001
From: Kenneth Allen <kenneth@mostly.me>
Date: Fri, 22 Oct 2021 17:55:53 +1100
Subject: [PATCH] Fix displaying Civs without wonders

---
 packages/wonders-client/src/components/Civ/Civ.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/wonders-client/src/components/Civ/Civ.tsx b/packages/wonders-client/src/components/Civ/Civ.tsx
index 9b06b09..f3164d4 100644
--- a/packages/wonders-client/src/components/Civ/Civ.tsx
+++ b/packages/wonders-client/src/components/Civ/Civ.tsx
@@ -62,10 +62,10 @@ export default function Civ({ player, displayStyle }: { player: Player, displayS
 
   return <div className='wonder-civ'>
     <div>{player.name}</div>
-    <div className='wonder-civ-wonder' style={{ backgroundImage: wonderBgImage }}>
-      <div>{player.wonder}</div>
-      <div>{resEmojis.get(wonder!.innateResource)}</div>
-    </div>
+    {wonder && <div className='wonder-civ-wonder' style={{ backgroundImage: wonderBgImage }}>
+      <div>{wonder.name}</div>
+      <div>{resEmojis.get(wonder.innateResource)}</div>
+    </div>}
     <div className='wonder-civ-structs'>
       {structTypeLayout.get(displayStyle)!.map((col, i) =>
         <div key={i} className='wonder-civ-struct-col'>