swap refactors

coinbase · Dec 13, 2024 · 95761cd · 95761cd
1 parent 5f670e9
commit 95761cd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/swap/components/Swap.tsx b/src/swap/components/Swap.tsx
@@ -25,6 +25,7 @@ export function Swap({
   onStatus,
   onSuccess,
   title = 'Swap',
+  backButton,
 }: SwapReact) {
   const componentTheme = useTheme();
 
@@ -75,6 +76,7 @@ export function Swap({
         data-testid="ockSwap_Container"
       >
         <div className="mb-4 flex items-center justify-between">
+          {backButton}
           <h3 className={cn(text.title3)} data-testid="ockSwap_Title">
             {title}
           </h3>

diff --git a/src/swap/components/SwapToggleButton.tsx b/src/swap/components/SwapToggleButton.tsx
@@ -20,7 +20,7 @@ export function SwapToggleButton({ className }: SwapToggleButtonReact) {
       data-testid="SwapTokensButton"
       onClick={handleToggle}
     >
-      {toggleSvg}
+      <div className="h-4 w-4">{toggleSvg}</div>
     </button>
   );
 }
diff --git a/src/swap/types.ts b/src/swap/types.ts
@@ -298,7 +298,8 @@ export type SwapReact = {
   onError?: (error: SwapError) => void; // An optional callback function that handles errors within the provider.
   onStatus?: (lifecycleStatus: LifecycleStatus) => void; // An optional callback function that exposes the component lifecycle state
   onSuccess?: (transactionReceipt: TransactionReceipt) => void; // An optional callback function that exposes the transaction receipt
-  title?: string; // Title for the Swap component. (default: "Swap")
+  title?: ReactNode; // Title for the Swap component. (default: "Swap")
+  backButton?: ReactNode; // Back button
 };
 
 /**