Update app.py

app.py

@@ -10,8 +10,6 @@ from communex.client import CommuneClient
 
 FONT = """<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">"""
 
-TITLE = """<h1 align="center" id="space-title" class="typewriter">Synthia Leaderboard</h1>"""
-
 IMAGE = """<p align="center" style="font-size: 72px;">𐌔𐌙𐌍𐌕𐋅𐌉𐌀</p>"""
 
 HEADER = """
@@ -117,7 +115,21 @@ async def update_leaderboard_table():
     # Add emojis to the leaderboard data
     for row in leaderboard_data:
         row[0] = f"{row[0]} 🏆"
-    return leaderboard_data
+
+    # Calculate the total USD value
+    total_usd_value = sum(float(row[4][1:]) for row in leaderboard_data)
+
+    # Calculate rewards per week and per month
+    rewards_per_week = total_usd_value * 7
+    rewards_per_month = total_usd_value * 30
+
+    return leaderboard_data, f''' 
+    <div style="display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: bold;">
+        <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝙒𝙚𝙚𝙠: ${rewards_per_week:,.2f}</div>
+        <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝘿𝙖𝙮: ${total_usd_value:,.2f}</div>
+        <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝙈𝙤𝙣𝙩𝙝: ${rewards_per_month:,.2f}</div>
+    </div>
+    '''
 
 
 stone_gray = Color(
@@ -184,12 +196,21 @@ seafoam = Seafoam()
 
 with gr.Blocks(theme=seafoam, analytics_enabled=True) as demo:
     gr.HTML(FONT)
-    gr.HTML(TITLE)
     gr.HTML(IMAGE)
     gr.HTML(HEADER)
     gr.HTML(EVALUATION_HEADER)
     gr.HTML(EVALUATION_DETAILS)
 
+    total_usd_value_html = gr.HTML(
+        elem_id="total-usd-value",
+        value='''
+            <div style="display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: bold;">
+                <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝙒𝙚𝙚𝙠: $0.00</div>
+                <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝘿𝙖𝙮: $0.00</div>
+                <div>𝙏𝙤𝙩𝙖𝙡 𝙐𝙎𝘿 𝙍𝙚𝙬𝙖𝙧𝙙𝙨 𝙋𝙚𝙧 𝙈𝙤𝙣𝙩𝙝: $0.00</div>
+            </div>
+        '''
+    )
     leaderboard_table = gr.components.Dataframe(
         headers=["Rank 🏆", "UID", "Name", "Rewards / Day", "$USD Value"],
         datatype=["str", "str", "str"],
@@ -197,13 +218,13 @@ with gr.Blocks(theme=seafoam, analytics_enabled=True) as demo:
         visible=True,
         elem_id="leaderboard-table",
     )
-
     refresh_button = gr.Button("Refresh Leaderboard")
-    refresh_button.click(fn=update_leaderboard_table,
-                         outputs=leaderboard_table)
+    refresh_button.click(fn=update_leaderboard_table, outputs=[
+                         leaderboard_table, total_usd_value_html])
 
     # Initial load of leaderboard data
-    demo.load(update_leaderboard_table, inputs=None, outputs=leaderboard_table)
+    demo.load(update_leaderboard_table, inputs=None, outputs=[
+              leaderboard_table, total_usd_value_html])
 
 if __name__ == "__main__":
     demo.launch()