Add close icon

Author: matthewwalsh0

app/components/Views/confirmations/components/modals/pay-with-modal/pay-with-modal.tsx

@@ -17,16 +17,20 @@ export function PayWithModal() {
   const requiredTokens = useTransactionPayRequiredTokens();
   const bottomSheetRef = useRef<BottomSheetRef>(null);
 
+  const handleClose = useCallback(() => {
+    bottomSheetRef.current?.onCloseBottomSheet();
+  }, []);
+
   const handleTokenSelect = useCallback(
     (token: AssetType) => {
       setPayToken({
         address: token.address as Hex,
         chainId: token.chainId as Hex,
       });
 
-      bottomSheetRef.current?.onCloseBottomSheet();
+      handleClose();
     },
-    [setPayToken],
+    [handleClose, setPayToken],
   );
 
   const getAvailableTokens = useCallback(
@@ -92,7 +96,9 @@ export function PayWithModal() {
 
   return (
     <BottomSheet isFullscreen ref={bottomSheetRef}>
-      <BottomSheetHeader>{strings('pay_with_modal.title')}</BottomSheetHeader>
+      <BottomSheetHeader onClose={handleClose}>
+        {strings('pay_with_modal.title')}
+      </BottomSheetHeader>
       <Asset
         includeNoBalance
         hideNfts