From 51b29a9dcf51cd8a8d52e8befdd86ba08fae10df Mon Sep 17 00:00:00 2001
From: pierre <dommerc.pierre@gmail.com>
Date: Mon, 28 Nov 2022 13:36:17 +0100
Subject: [PATCH] feat(wallet): add link to nym exchange interface

---
 .../src/components/Buy/DeclinedModal.stories.tsx  | 12 ------------
 nym-wallet/src/components/Buy/DeclinedModal.tsx   | 15 ---------------
 nym-wallet/src/components/Buy/Tutorial.tsx        |  7 +++++--
 3 files changed, 5 insertions(+), 29 deletions(-)
 delete mode 100644 nym-wallet/src/components/Buy/DeclinedModal.stories.tsx
 delete mode 100644 nym-wallet/src/components/Buy/DeclinedModal.tsx

diff --git a/nym-wallet/src/components/Buy/DeclinedModal.stories.tsx b/nym-wallet/src/components/Buy/DeclinedModal.stories.tsx
deleted file mode 100644
index c1dbf62dbf..0000000000
--- a/nym-wallet/src/components/Buy/DeclinedModal.stories.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { DeclinedModal } from './DeclinedModal';
-
-export default {
-  title: 'Buy/DeclinedModal',
-  component: DeclinedModal,
-};
-
-export const Terms = () => (
-  <DeclinedModal onOk={async () => console.log('user has accepted')} onClose={async () => console.log('closed')} />
-);
diff --git a/nym-wallet/src/components/Buy/DeclinedModal.tsx b/nym-wallet/src/components/Buy/DeclinedModal.tsx
deleted file mode 100644
index 13080859d5..0000000000
--- a/nym-wallet/src/components/Buy/DeclinedModal.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import { Typography } from '@mui/material';
-import { ConfirmationModal } from '../Modals/ConfirmationModal';
-
-export const DeclinedModal = ({ onOk, onClose }: { onOk: () => Promise<void>; onClose: () => void }) => (
-  <ConfirmationModal
-    open
-    title="Buy Nym Terms and Conditions"
-    confirmButton="Go back to Terms and Conditions"
-    onConfirm={onOk}
-    onClose={onClose}
-  >
-    <Typography>Can’t procced to buy tokens without acceptance</Typography>
-  </ConfirmationModal>
-);
diff --git a/nym-wallet/src/components/Buy/Tutorial.tsx b/nym-wallet/src/components/Buy/Tutorial.tsx
index 6ee39088a0..83af61b5c7 100644
--- a/nym-wallet/src/components/Buy/Tutorial.tsx
+++ b/nym-wallet/src/components/Buy/Tutorial.tsx
@@ -4,6 +4,9 @@ import { Tune as TuneIcon, BorderColor as BorderColorIcon, Paid as PaidIcon } fr
 import { NymCard } from '../NymCard';
 import { SignMessageModal } from './SignMessageModal';
 
+// TODO retrieve this value from env
+const EXCHANGE_URL = 'https://buy.nymtech.net';
+
 const borderColor = 'rgba(141, 147, 153, 0.2)';
 
 const TutorialStep = ({
@@ -110,8 +113,8 @@ export const Tutorial = () => {
         <Button variant="outlined" size="large" onClick={() => setShowSignModal(true)}>
           Sign message
         </Button>
-        <Button variant="contained" size="large" onClick={() => {}}>
-          Buy Nym
+        <Button variant="contained" size="large" href={EXCHANGE_URL} target="_blank">
+          Buy NYM
         </Button>
       </Stack>
     </NymCard>