fix: wrap SendFunds into NavigationWrapper

Author: S-FrontendDev

src/components/NavigationWrapper.vue

@@ -34,6 +34,7 @@
     </v-container>
   </div>
 </template>
+
 <script setup lang="ts">
 import AppToolbarCentered from '@/components/AppToolbarCentered.vue'
 import { computed, useSlots } from 'vue'
@@ -79,6 +80,9 @@ const title = computed(() => {
     case 'Transactions':
     case 'Transaction':
       return (route.params.txId as string) || t('transaction.transactions')
+    case 'SendFunds':
+      return t('home.send_btn')
+
     default:
       return t('options.page_title')
   }

src/views/SendFunds.vue

@@ -1,38 +1,30 @@
 <template>
-  <div :class="className" class="w-100">
-    <app-toolbar-centered app :title="$t('home.send_btn')" flat absolute disable-max-width />
-
-    <v-container fluid class="px-0 py-0" :class="`${className}__content`">
-      <v-row justify="center" no-gutters>
-        <container padding disable-max-width>
-          <send-funds-form
-            class="pt-5"
-            :crypto-currency="cryptoCurrency"
-            :recipient-address="recipientAddress"
-            :amount-to-send="amountToSend"
-            :address-readonly="comeFromChat"
-            :reply-to-id="$route.query.replyToId"
-            @send="onSend"
-            @error="onError"
-          />
-        </container>
-      </v-row>
-    </v-container>
-  </div>
+  <navigation-wrapper :class="className">
+    <send-funds-form
+      class="pt-5"
+      :crypto-currency="cryptoCurrency"
+      :recipient-address="recipientAddress"
+      :amount-to-send="amountToSend"
+      :address-readonly="comeFromChat"
+      :reply-to-id="$route.query.replyToId"
+      @send="onSend"
+      @error="onError"
+    />
+  </navigation-wrapper>
 </template>
 
 <script>
 import validateAddress from '@/lib/validateAddress'
 import { isNumeric } from '@/lib/numericHelpers'
 
-import AppToolbarCentered from '@/components/AppToolbarCentered.vue'
 import SendFundsForm from '@/components/SendFundsForm.vue'
 import { AllCryptos } from '@/lib/constants/cryptos'
 import { vibrate } from '@/lib/vibrate'
+import NavigationWrapper from '@/components/NavigationWrapper.vue'
 
 export default {
   components: {
-    AppToolbarCentered,
+    NavigationWrapper,
     SendFundsForm
   },
   data: () => ({