From feb6088229b4c9aec8924798d2a6ca347562fcd4 Mon Sep 17 00:00:00 2001
From: Max Voloshinskii <me@voloshinskii.ru>
Date: Wed, 17 Apr 2024 20:52:52 +0300
Subject: [PATCH] fix(mobile): Render SlideButton conditionally

---
 .../NFTOperations/Modals/SignRawModal.tsx     |  1 +
 .../NFTOperations/NFTOperationFooter.tsx      | 35 +++++++++++++++----
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/packages/mobile/src/core/ModalContainer/NFTOperations/Modals/SignRawModal.tsx b/packages/mobile/src/core/ModalContainer/NFTOperations/Modals/SignRawModal.tsx
index 7623175b7..885a1d4ed 100644
--- a/packages/mobile/src/core/ModalContainer/NFTOperations/Modals/SignRawModal.tsx
+++ b/packages/mobile/src/core/ModalContainer/NFTOperations/Modals/SignRawModal.tsx
@@ -312,6 +312,7 @@ export const SignRawModal = memo<SignRawModalProps>((props) => {
       </Modal.ScrollView>
       <Modal.Footer>
         <NFTOperationFooter
+          withSlider
           onPressConfirm={handleConfirm}
           redirectToActivity={redirectToActivity}
           ref={footerRef}
diff --git a/packages/mobile/src/core/ModalContainer/NFTOperations/NFTOperationFooter.tsx b/packages/mobile/src/core/ModalContainer/NFTOperations/NFTOperationFooter.tsx
index 2cde0d447..5a0bf6b9f 100644
--- a/packages/mobile/src/core/ModalContainer/NFTOperations/NFTOperationFooter.tsx
+++ b/packages/mobile/src/core/ModalContainer/NFTOperations/NFTOperationFooter.tsx
@@ -142,6 +142,7 @@ interface ActionFooterProps {
   onCloseModal?: () => void;
   disabled?: boolean;
   redirectToActivity?: boolean;
+  withSlider?: boolean;
 }
 
 export const ActionFooter = React.forwardRef<ActionFooterRef, ActionFooterProps>(
@@ -200,13 +201,33 @@ export const ActionFooter = React.forwardRef<ActionFooterRef, ActionFooterProps>
           isVisible={state === States.INITIAL}
           entranceAnimation={false}
         >
-          <View style={styles.slideContainer.static}>
-            <SlideButton
-              disabled={props.disabled}
-              onSuccessSlide={() => props.onPressConfirm()}
-              text={t('nft_operation_slide_to_confirm')}
-            />
-          </View>
+          {props.withSlider ? (
+            <View style={styles.slideContainer.static}>
+              <SlideButton
+                disabled={props.disabled}
+                onSuccessSlide={() => props.onPressConfirm()}
+                text={t('nft_operation_slide_to_confirm')}
+              />
+            </View>
+          ) : (
+            <View style={S.styles.footerButtons}>
+              {withCloseButton ? (
+                <>
+                  <S.ActionButton mode="secondary" onPress={() => closeModal(false)}>
+                    {t('cancel')}
+                  </S.ActionButton>
+                  <Spacer x={16} />
+                </>
+              ) : null}
+              <S.ActionButton
+                disabled={props.disabled}
+                onPress={() => props.onPressConfirm()}
+                mode={props.secondary ? 'secondary' : 'primary'}
+              >
+                {props.confirmTitle ?? t('nft_confirm_operation')}
+              </S.ActionButton>
+            </View>
+          )}
         </TransitionOpacity>
         <TransitionOpacity
           style={S.styles.transitionContainer}