From d33fc04bde9e69b1d4ee1d67dab358c1283255a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Podsiad=C5=82y?= <michal.podsiadly@l2beat.com>
Date: Thu, 14 Mar 2024 20:20:14 +0100
Subject: [PATCH] feat: dispaly pathways icons

---
 packages/frontend/src/pages/Applications.tsx | 15 ++++++++++++---
 packages/frontend/tailwind.config.js         |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/pages/Applications.tsx b/packages/frontend/src/pages/Applications.tsx
index 3ddf16c..ffe317c 100644
--- 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
index abd03ef..9a51c86 100644
--- 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',