From b34eb9ba56460827e1cd86f1141bed978ccd9a47 Mon Sep 17 00:00:00 2001
From: Natalie Rose <natalie@omg.lol>
Date: Sat, 26 Sep 2026 09:42:48 +1000
Subject: [PATCH] Empire/alliance table fixes (missing <tbody>)

---
 app/components/allianceInfo.tsx |  54 +++++-----
 app/components/empireInfo.tsx   | 174 ++++++++++++++++----------------
 2 files changed, 117 insertions(+), 111 deletions(-)

diff --git a/app/components/allianceInfo.tsx b/app/components/allianceInfo.tsx
index cb283200..7e4bc7f6 100644
--- a/app/components/allianceInfo.tsx
+++ b/app/components/allianceInfo.tsx
@@ -17,32 +17,34 @@ const AllianceInfoWindow: React.FunctionComponent<Props> = ({ options }) => {
       {profile && (
         <div className='bulma'>
           <table className='table is-fullwidth is-borderless mb-4'>
-            <tr>
-              <td>
-                <span className='has-text-weight-bold'>Name</span>
-              </td>
-              <td>{profile.name}</td>
-            </tr>
-            <tr>
-              <td>
-                <span className='has-text-weight-bold'>Description</span>
-              </td>
-              <td>{profile.description}</td>
-            </tr>
-            <tr>
-              <td>
-                <span className='has-text-weight-bold'>Founded</span>
-              </td>
-              <td>
-                <TimeInWords date={profile.date_created} />
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <span className='has-text-weight-bold'>Leader</span>
-              </td>
-              <td>{profile.members.find((member) => member.id === profile.leader_id)?.name}</td>
-            </tr>
+            <tbody>
+              <tr>
+                <td>
+                  <span className='has-text-weight-bold'>Name</span>
+                </td>
+                <td>{profile.name}</td>
+              </tr>
+              <tr>
+                <td>
+                  <span className='has-text-weight-bold'>Description</span>
+                </td>
+                <td>{profile.description}</td>
+              </tr>
+              <tr>
+                <td>
+                  <span className='has-text-weight-bold'>Founded</span>
+                </td>
+                <td>
+                  <TimeInWords date={profile.date_created} />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <span className='has-text-weight-bold'>Leader</span>
+                </td>
+                <td>{profile.members.find((member) => member.id === profile.leader_id)?.name}</td>
+              </tr>
+            </tbody>
           </table>
 
           <p className='has-text-weight-bold mt-3'>Members ({profile.members.length})</p>
diff --git a/app/components/empireInfo.tsx b/app/components/empireInfo.tsx
index 34e9b517..f68c0443 100644
--- a/app/components/empireInfo.tsx
+++ b/app/components/empireInfo.tsx
@@ -30,60 +30,62 @@ const EmpireInfoWindow: React.FunctionComponent<Props> = ({ options }) => {
                 return (
                   <div className='bulma'>
                     <table className='table is-fullwidth is-borderless'>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Empire</span>
-                        </td>
-                        <td>{profile.name}</td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Status</span>
-                        </td>
-                        <td>{profile.status_message}</td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Description</span>
-                        </td>
-                        <td>{profile.description}</td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Species</span>
-                        </td>
-                        <td>{profile.species}</td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Alliance</span>
-                        </td>
-                        <td>
-                          {alliance ? <AllianceLink id={alliance.id} name={alliance.name} /> : ''}
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Colonies</span>
-                        </td>
-                        <td>{profile.colony_count}</td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Founded</span>
-                        </td>
-                        <td>
-                          <TimeInWords date={profile.date_founded} />
-                        </td>
-                      </tr>
-                      <tr>
-                        <td>
-                          <span className='has-text-weight-bold'>Last Login</span>
-                        </td>
-                        <td>
-                          <TimeInWords date={profile.last_login} />
-                        </td>
-                      </tr>
+                      <tbody>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Empire</span>
+                          </td>
+                          <td>{profile.name}</td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Status</span>
+                          </td>
+                          <td>{profile.status_message}</td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Description</span>
+                          </td>
+                          <td>{profile.description}</td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Species</span>
+                          </td>
+                          <td>{profile.species}</td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Alliance</span>
+                          </td>
+                          <td>
+                            {alliance ? <AllianceLink id={alliance.id} name={alliance.name} /> : ''}
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Colonies</span>
+                          </td>
+                          <td>{profile.colony_count}</td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Founded</span>
+                          </td>
+                          <td>
+                            <TimeInWords date={profile.date_founded} />
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>
+                            <span className='has-text-weight-bold'>Last Login</span>
+                          </td>
+                          <td>
+                            <TimeInWords date={profile.last_login} />
+                          </td>
+                        </tr>
+                      </tbody>
                     </table>
 
                     <button
@@ -158,37 +160,39 @@ const EmpireInfoWindow: React.FunctionComponent<Props> = ({ options }) => {
               component: () => (
                 <div className='bulma'>
                   <table className='table is-fullwidth is-borderless'>
-                    <tr>
-                      <td>
-                        <span className='has-text-weight-bold'>Name</span>
-                      </td>
-                      <td>{profile.player_name}</td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <span className='has-text-weight-bold'>City</span>
-                      </td>
-                      <td>{profile.city}</td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <span className='has-text-weight-bold'>Country</span>
-                      </td>
-                      <td>{profile.country}</td>
-                    </tr>
-                    <tr>
-                      <td>
-                        <span className='has-text-weight-bold'>Skype</span>
-                      </td>
-                      <td>
-                        {' '}
-                        {profile.skype ? (
-                          <a href={`callto:${profile.skype}`}>{profile.skype}</a>
-                        ) : (
-                          ''
-                        )}
-                      </td>
-                    </tr>
+                    <tbody>
+                      <tr>
+                        <td>
+                          <span className='has-text-weight-bold'>Name</span>
+                        </td>
+                        <td>{profile.player_name}</td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <span className='has-text-weight-bold'>City</span>
+                        </td>
+                        <td>{profile.city}</td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <span className='has-text-weight-bold'>Country</span>
+                        </td>
+                        <td>{profile.country}</td>
+                      </tr>
+                      <tr>
+                        <td>
+                          <span className='has-text-weight-bold'>Skype</span>
+                        </td>
+                        <td>
+                          {' '}
+                          {profile.skype ? (
+                            <a href={`callto:${profile.skype}`}>{profile.skype}</a>
+                          ) : (
+                            ''
+                          )}
+                        </td>
+                      </tr>
+                    </tbody>
                   </table>
                 </div>
               ),
-- 
2.51.2