From 691aea3389c35a72d286608ea29c3e8133926d5d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 20 Oct 2023 13:07:31 +0800
Subject: [PATCH] Update loading state of account info

---
 src/components/account-info.jsx | 41 ++++++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx
index a063d611..2d25a3ce 100644
--- a/src/components/account-info.jsx
+++ b/src/components/account-info.jsx
@@ -343,20 +343,39 @@ function AccountInfo({
           </header>
           <main>
             <div class="note">
-              <p>████████ ███████</p>
-              <p>███████████████ ███████████████</p>
+              <p>███████ ████ ████</p>
+              <p>████ ████████ ██████ █████████ ████ ██</p>
             </div>
-            <div class="stats">
-              <div>
-                <span>██</span> Followers
+            <div class="account-metadata-box">
+              <div class="profile-metadata">
+                <div class="profile-field">
+                  <b class="more-insignificant">███</b>
+                  <p>██████</p>
+                </div>
+                <div class="profile-field">
+                  <b class="more-insignificant">████</b>
+                  <p>███████████</p>
+                </div>
               </div>
-              <div>
-                <span>██</span> Following
+              <div class="stats">
+                <div>
+                  <span>██</span> Followers
+                </div>
+                <div>
+                  <span>██</span> Following
+                </div>
+                <div>
+                  <span>██</span> Posts
+                </div>
               </div>
-              <div>
-                <span>██</span> Posts
-              </div>
-              <div>Joined ██</div>
+            </div>
+            <div class="actions">
+              <span />
+              <span class="buttons">
+                <button type="button" title="More" class="plain" disabled>
+                  <Icon icon="more" size="l" alt="More" />
+                </button>
+              </span>
             </div>
           </main>
         </>