feat: dispaly pathways icons

l2beat · Mar 19, 2024 · d33fc04 · d33fc04
1 parent 953a09c
commit d33fc04
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/packages/frontend/src/pages/Applications.tsx b/packages/frontend/src/pages/Applications.tsx
@@ -43,6 +43,7 @@ export function Applications() {
             <div className="px-6">TOKEN</div>
             <div>SOURCE CHAIN</div>
             <div>ADDRESS</div>
+            <div>PATHWAYS</div>
             <div>CONFIG</div>
             <div />
           </div>
@@ -100,12 +101,20 @@ function OAppRow(props: { oApp: OAppWithConfigs; sourceChain: ChainId }) {
           {getPrettyChainName(props.sourceChain)}
           {<BlockchainIcon chainId={props.sourceChain} />}
         </span>
-        <span>
-          <BlockchainAddress address={props.oApp.address} />
+        <span className="flex items-center">
+          <BlockchainAddress alwaysShort address={props.oApp.address} />
         </span>
-        <span>
+        <span className="flex items-center gap-1">
+          {props.oApp.configurations
+            .map((config) => config.targetChainId)
+            .map((chainId) => (
+              <BlockchainIcon chainId={chainId} />
+            ))}
+        </span>
+        <span className="flex items-center">
           {hasDefaultConfig ? <DefaultConfigBadge /> : <CustomConfigBadge />}
         </span>
+
         <button
           className="brightness-100 filter transition-all duration-300 hover:brightness-[120%]"
           onClick={hasDefaultConfig ? forwardToDefaults : toggleExpand}

diff --git a/packages/frontend/tailwind.config.js b/packages/frontend/tailwind.config.js
@@ -7,7 +7,7 @@ module.exports = {
       gridTemplateColumns: {
         multisig: '3fr 7fr 4fr 3fr 1fr',
         'multisig-small': '3fr 1fr 3fr 1fr',
-        applications: '4fr 2fr 6fr 2fr 1fr',
+        applications: '4fr 2fr 3fr 4fr 2fr 1fr',
         'applications-small': '3fr 2fr 6fr 2fr 1fr',
         'adapter-params-small': '2fr 1fr 2fr',
         'adapter-params': '2fr 1fr 2fr 7fr',