adding warning messages

.gitignore

@@ -31,3 +31,4 @@ nginx.crt
 nginx.key
 
 .npmrc
+.env

src/pegin/components/create/ConfirmationSteps.vue

@@ -3,6 +3,16 @@
     <v-row>
       <p class="text-h6">Confirm Transaction on your {{ walletName }} Wallet</p>
     </v-row>
+    <v-row no-gutters class="d-flex justify-start">
+            <v-alert variant="text" type="warning" density="compact" class="pa-0" prominent>
+          <template #prepend>
+            <v-icon size="x-small" :icon="mdiInformationOutline" />
+          </template>
+          <span class="text-body-sm">
+            Make sure that you are sending the exact amounted quoted.
+          </span>
+        </v-alert>
+    </v-row>
     <v-row class="mt-6 text-bw-400">
       Make sure the amount, address and transaction fee displayed on the {{ walletName }} wallet
       are correct.
@@ -414,7 +424,12 @@ import { PeginQuote } from '@/common/types';
 import * as constants from '@/common/store/constants';
 import { truncateStringToSize, copyToClipboard, getBtcAddressExplorerUrl } from '@/common/utils';
 import { useGetter, useState } from '@/common/store/helper';
-import { mdiInformation, mdiOpenInNew, mdiContentCopy } from '@mdi/js';
+import {
+  mdiInformation,
+  mdiOpenInNew,
+  mdiContentCopy,
+  mdiInformationOutline,
+} from '@mdi/js';
 
 export default defineComponent({
   name: 'ConfirmationSteps',
@@ -512,6 +527,7 @@ export default defineComponent({
       getBtcAddressExplorerUrl,
       hasChange,
       openAddressInExplorer,
+      mdiInformationOutline,
     };
   },
 });

src/pegin/components/create/PegInForm.vue

@@ -96,7 +96,7 @@
                 <template #append>
                   <v-icon :icon="mdiArrowRight" />
                 </template>
-                Continue to Summary
+                Confirm quote
               </v-btn-rsk>
               <v-progress-circular class="align-self-end" v-else indeterminate />
             </v-col>