Use icon for transak activity

wigwamapp · Feb 9, 2024 · 47b1ffb · 47b1ffb
1 parent 1700dad
commit 47b1ffb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -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