From 55a645dde05229e510fbdfe241168c994109f8cf Mon Sep 17 00:00:00 2001
From: Fred <hello@fredkiss.dev>
Date: Tue, 20 Feb 2024 23:55:57 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=9A=A7=20wip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widgets/ibc-transfert-event-card.tsx      | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx b/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
index 9a1fa2950..9fcb8f496 100644
--- a/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
+++ b/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
@@ -6,6 +6,7 @@ import {
   ChevronDoubleDown,
   Clock,
   CornerUpRight,
+  FancyCheck,
   LinkOut,
 } from "~/ui/icons";
 import { ClientTime } from "~/ui/client-time";
@@ -19,6 +20,7 @@ import { jsonFetch } from "~/lib/shared-utils";
 import * as HoverCard from "@radix-ui/react-hover-card";
 import { Tooltip } from "~/ui/tooltip";
 import { useNetworkStatus } from "~/ui/search/use-network-status";
+import { useSearchOptionsContext } from "~/ui/search-options-context";
 
 export type IBCTransferEventCardProps = {
   event: IBCTransferEvent;
@@ -102,6 +104,19 @@ export function IBCTransferEventCard({
   const targetChainHealthStatus =
     targetNetworkStatus?.[event.to.chainSlug]?.healthy ?? null;
 
+  const allNetworkChains = useSearchOptionsContext();
+
+  const values = allNetworkChains.flat();
+  const foundNetworks = values.filter((network) => [
+    event.from.chainSlug,
+    event.to.chainSlug,
+  ]);
+
+  const fromChain = foundNetworks.find(
+    (net) => net.id === event.from.chainSlug,
+  );
+  const toChain = foundNetworks.find((net) => net.id === event.to.chainSlug);
+
   return (
     <Card className="p-0 grid w-full shadow-none">
       <div className="p-5 rounded-t-lg flex items-start justify-between">
@@ -260,6 +275,19 @@ export function IBCTransferEventCard({
                 {event.from.chainName}
               </p>
 
+              {fromChain?.verified && (
+                <span
+                  style={{
+                    "--color-primary": fromChain.brandColor,
+                  }}
+                >
+                  <FancyCheck
+                    className="text-primary h-5 w-5 flex-none"
+                    aria-hidden="true"
+                  />
+                </span>
+              )}
+
               <div
                 className={cn(
                   "opacity-100 relative flex items-center justify-center",
@@ -350,6 +378,19 @@ export function IBCTransferEventCard({
                 {event.to.chainName}
               </p>
 
+              {toChain?.verified && (
+                <span
+                  style={{
+                    "--color-primary": toChain.brandColor,
+                  }}
+                >
+                  <FancyCheck
+                    className="text-primary h-5 w-5 flex-none"
+                    aria-hidden="true"
+                  />
+                </span>
+              )}
+
               <div
                 className={cn(
                   "opacity-100 relative flex items-center justify-center",

From 7cdb59dda72d50d47e0eafe65c1a23b18b21fdc9 Mon Sep 17 00:00:00 2001
From: Fred <hello@fredkiss.dev>
Date: Wed, 21 Feb 2024 00:25:26 +0100
Subject: [PATCH 2/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20some=20refactor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../widgets/ibc-transfert-event-card.tsx            | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx b/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
index 9fcb8f496..f13ff4729 100644
--- a/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
+++ b/apps/web/ui/network-widgets/widgets/ibc-transfert-event-card.tsx
@@ -107,15 +107,16 @@ export function IBCTransferEventCard({
   const allNetworkChains = useSearchOptionsContext();
 
   const values = allNetworkChains.flat();
-  const foundNetworks = values.filter((network) => [
-    event.from.chainSlug,
-    event.to.chainSlug,
-  ]);
+  const foundNetworks = values.filter(
+    (network) =>
+      network.slug === event.from.chainSlug ||
+      network.slug === event.to.chainSlug,
+  );
 
   const fromChain = foundNetworks.find(
-    (net) => net.id === event.from.chainSlug,
+    (net) => net.slug === event.from.chainSlug,
   );
-  const toChain = foundNetworks.find((net) => net.id === event.to.chainSlug);
+  const toChain = foundNetworks.find((net) => net.slug === event.to.chainSlug);
 
   return (
     <Card className="p-0 grid w-full shadow-none">