Fix/agentathon updates (#542)

* fix: 🐛 added new judges, partners, agents * fix: 🐛 update links for judges and partners * fix: 🐛 create function for getting logo height * fix: 🐛 updated tracks component * fix: 🐛 put logo height in content instead of component
safe-global · Jan 29, 2025 · 9bdedb6 · 9bdedb6
1 parent e8bc466
commit 9bdedb6
Show file tree

Hide file tree

Showing 29 changed files with 212 additions and 41 deletions.
diff --git a/public/images/Agentathon/agent-trading.png b/public/images/Agentathon/agent-trading.png
diff --git a/public/images/Agentathon/gaib.png b/public/images/Agentathon/gaib.png
diff --git a/public/images/Agentathon/human-approval.png b/public/images/Agentathon/human-approval.png
diff --git a/public/images/Agentathon/judges/andreas.png b/public/images/Agentathon/judges/andreas.png
diff --git a/public/images/Agentathon/judges/connor.png b/public/images/Agentathon/judges/connor.png
diff --git a/public/images/Agentathon/judges/david.png b/public/images/Agentathon/judges/david.png
diff --git a/public/images/Agentathon/judges/sarp.png b/public/images/Agentathon/judges/sarp.png
diff --git a/public/images/Agentathon/multisig.png b/public/images/Agentathon/multisig.png
diff --git a/public/images/Agentathon/partners/avalabs.png b/public/images/Agentathon/partners/avalabs.png
diff --git a/public/images/Agentathon/partners/enso.png b/public/images/Agentathon/partners/enso.png
diff --git a/public/images/Agentathon/partners/lit.png b/public/images/Agentathon/partners/lit.png
diff --git a/public/images/Agentathon/possibilities/automations.png b/public/images/Agentathon/possibilities/automations.png
diff --git a/public/images/Agentathon/possibilities/guards.png b/public/images/Agentathon/possibilities/guards.png
diff --git a/public/images/Agentathon/possibilities/multisig.png b/public/images/Agentathon/possibilities/multisig.png
diff --git a/public/images/Agentathon/possibilities/roles.png b/public/images/Agentathon/possibilities/roles.png
diff --git a/public/images/Agentathon/possibilities/spendinglimits.png b/public/images/Agentathon/possibilities/spendinglimits.png
diff --git a/public/images/Agentathon/possibilities/subaccounts.png b/public/images/Agentathon/possibilities/subaccounts.png
diff --git a/public/images/Agentathon/possibilities/timelocking.png b/public/images/Agentathon/possibilities/timelocking.png
diff --git a/public/images/Agentathon/possibilities/whitelisting.png b/public/images/Agentathon/possibilities/whitelisting.png
diff --git a/public/images/Agentathon/prize-amount.png b/public/images/Agentathon/prize-amount.png
diff --git a/public/images/Agentathon/tracks/avalanche.png b/public/images/Agentathon/tracks/avalanche.png
diff --git a/public/images/Agentathon/tracks/enso.png b/public/images/Agentathon/tracks/enso.png
diff --git a/public/images/Agentathon/tracks/lit.png b/public/images/Agentathon/tracks/lit.png
diff --git a/public/images/Agentathon/treasury.png b/public/images/Agentathon/treasury.png
diff --git a/src/components/Agentathon/BestAgents/style.module.css b/src/components/Agentathon/BestAgents/style.module.css
@@ -19,7 +19,7 @@
   gap: 20px;
   align-items: center;
   justify-content: center;
-  max-width: 1156px;
+  max-width: 1326px;
   width: 100%;
   padding-bottom: 40px;
   padding-left: 16px;

diff --git a/src/components/Agentathon/LoopingImages/index.tsx b/src/components/Agentathon/LoopingImages/index.tsx
@@ -60,7 +60,7 @@ const LoopingImages = ({ items }: Partial<BaseBlock>) => {
         )
       }
 
-      await sleep(100)
+      await sleep(200)
 
       setCurrentItems((prev) => {
         if (!shiftedItem) return prev
@@ -69,7 +69,7 @@ const LoopingImages = ({ items }: Partial<BaseBlock>) => {
         return newItems
       })
 
-      await sleep(2000)
+      await sleep(1000)
 
       if (scopeLeftBracket.current && scopeRightBracket.current) {
         await Promise.all([
@@ -90,11 +90,11 @@ const LoopingImages = ({ items }: Partial<BaseBlock>) => {
         animateRightBracket(scopeRightBracket.current, { rotate: 45 }, { duration: 0 })
       }
 
-      await sleep(1000)
+      await sleep(500)
       animateItems()
     }
 
-    animationTimeoutRef.current = setTimeout(animateItems, 3000)
+    animationTimeoutRef.current = setTimeout(animateItems, 500)
 
     return () => {
       if (animationTimeoutRef.current) {

diff --git a/src/components/Agentathon/Tracks/index.tsx b/src/components/Agentathon/Tracks/index.tsx
@@ -74,7 +74,17 @@ export default function Tracks({ caption, title, items, buttons }: BaseBlock) {
             <div className={css.supportedByLogos}>
               {selectedTrackData?.items?.map((item, index) => {
                 if (!item?.image?.src) return null
-                return <img src={item.image.src} alt={item.image.alt} key={index} className={css.supportedByLogo} />
+                return (
+                  <img
+                    src={item.image.src}
+                    alt={item.image.alt}
+                    key={index}
+                    style={{
+                      height: item.image.height,
+                    }}
+                    className={css.supportedByLogo}
+                  />
+                )
               })}
             </div>
           </div>

diff --git a/src/components/Agentathon/Tracks/style.module.css b/src/components/Agentathon/Tracks/style.module.css
@@ -75,7 +75,7 @@
 
 .selectedTrackContainer {
   height: 480px;
-  padding: 30px 30px 30px 30px;
+  padding: 20px 20px 20px 20px;
   border-radius: 8px;
   border: 1px solid var(--mui-palette-border-light);
   background: rgba(255, 255, 255, 0.01);
@@ -138,6 +138,7 @@
   .selectedTrackContainer {
     height: 352px;
     flex-direction: row;
+    padding: 30px 30px 30px 30px;
   }
 
   .supportedByLogos {