diff --git a/native/account/logged-out-modal.react.js b/native/account/logged-out-modal.react.js
--- a/native/account/logged-out-modal.react.js
+++ b/native/account/logged-out-modal.react.js
@@ -556,7 +556,7 @@
let siwePanel;
if (this.state.mode === 'siwe') {
- siwePanel = ;
+ siwePanel = ;
}
const backgroundSource = { uri: splashBackgroundURI };
diff --git a/native/account/siwe-panel.react.js b/native/account/siwe-panel.react.js
--- a/native/account/siwe-panel.react.js
+++ b/native/account/siwe-panel.react.js
@@ -29,7 +29,10 @@
getSIWENonceActionTypes,
);
-function SIWEPanel(): React.Node {
+type Props = {
+ +onClose: () => mixed,
+};
+function SIWEPanel(props: Props): React.Node {
const navContext = React.useContext(NavContext);
const dispatchActionPromise = useDispatchActionPromise();
const registerAction = useServerCall(register);
@@ -129,6 +132,16 @@
[],
);
+ const { onClose } = props;
+ const onBottomSheetChange = React.useCallback(
+ (index: number) => {
+ if (index === -1) {
+ onClose();
+ }
+ },
+ [onClose],
+ );
+
let bottomSheet;
if (nonce) {
bottomSheet = (
@@ -136,6 +149,8 @@
snapPoints={snapPoints}
backgroundStyle={handleStyle}
handleIndicatorStyle={bottomSheetHandleIndicatorStyle}
+ enablePanDownToClose={true}
+ onChange={onBottomSheetChange}
>