From 47b1ffb47eaf78dcf5c57647d8cfe7282a353856 Mon Sep 17 00:00:00 2001
From: nektamu <nektamy@gmail.com>
Date: Fri, 9 Feb 2024 18:35:17 +0200
Subject: [PATCH] Use icon for transak activity

---
 src/app/components/blocks/OnRampIframe.tsx           |  2 +-
 src/app/components/blocks/activity/ActivityAsset.tsx | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/components/blocks/OnRampIframe.tsx b/src/app/components/blocks/OnRampIframe.tsx
index 67a59b4e7..1ccf186be 100644
--- a/src/app/components/blocks/OnRampIframe.tsx
+++ b/src/app/components/blocks/OnRampIframe.tsx
@@ -22,7 +22,7 @@ import { useAccounts, useChainId, useRamp } from "app/hooks";
 type RampOrder = { [key: string]: any };
 
 const API_KEY = process.env.WIGWAM_ON_RAMP_API_KEY;
-const SUSPENDED = true;
+const SUSPENDED = false;
 
 const saveRampActivity = (rampOrder: RampOrder) => {
   const newRampActivity: RampActivity = {
diff --git a/src/app/components/blocks/activity/ActivityAsset.tsx b/src/app/components/blocks/activity/ActivityAsset.tsx
index 9b2178ea0..f0f22cf5c 100644
--- a/src/app/components/blocks/activity/ActivityAsset.tsx
+++ b/src/app/components/blocks/activity/ActivityAsset.tsx
@@ -48,6 +48,7 @@ import { ReactComponent as BridgeIcon } from "app/icons/bridge.svg";
 import { ReactComponent as SwapIconSmall } from "app/icons/activity-swap.svg";
 import { ReactComponent as ApproveIcon } from "app/icons/approve.svg";
 import { ReactComponent as ChatIcon } from "app/icons/communication.svg";
+import { ReactComponent as ReceiveIcon } from "app/icons/Receive.svg";
 import {
   ReactComponent as LinkIcon,
   ReactComponent as WalletExplorerIcon,
@@ -266,7 +267,7 @@ const ActivityAsset = memo(
             {item.type === ActivityType.Ramp && (
               <ActivityNetworkCard
                 chainId={item.chainId}
-                className="w-[9rem] mr-8"
+                className="w-[12rem] mr-8"
               />
             )}
 
@@ -410,7 +411,14 @@ const ActivityIcon = memo<ActivityIconProps>(({ item, className }) => {
     );
   }
 
-  const Icon = item.source.kind === SelfActivityKind.Swap ? SwapIcon : SendIcon;
+  const isRampActivity = item.type === ActivityType.Ramp;
+
+  const Icon =
+    item.source.kind === SelfActivityKind.Swap
+      ? SwapIcon
+      : isRampActivity
+        ? ReceiveIcon
+        : SendIcon;
 
   return (
     <Icon