#30 Added tipMessage and redirect to a PaymentCompleted page

src/views/PayementCompleted.vue

@@ -0,0 +1,44 @@
+<script setup>
+
+</script>
+
+<template>
+  <v-card class="custom-dialog" style="background-color: #f4f4f4;">
+    <v-container>
+      <v-row justify="center">
+        <!-- Icon Check -->
+        <v-col cols="12" class="text-center">
+          <v-icon color=#a30e79 size="250">mdi-check-circle</v-icon>
+        </v-col>
+      </v-row>
+
+      <!-- Informations -->
+      <v-row justify="center">
+        <v-col cols="12">
+          <v-card-text style="font-weight: 600;">
+            Paiement complété
+          </v-card-text>
+          <v-card-text style="margin-top: -24px;">
+            Transaction : #
+          </v-card-text>
+
+          <v-card-text style="font-size: 1.2rem; text-align: center;">
+            Merci de supporter
+          </v-card-text>
+          <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center;">
+            Guillaume Mousseau
+          </v-card-text>
+        </v-col>
+      </v-row>
+
+      <!-- Ok btn -->
+      <v-row>
+        <v-col cols="12">
+          <v-card-actions class="justify-end">
+            <v-btn @click="this.$router.push({path: '/creatorfolio'})">Ok</v-btn>
+          </v-card-actions>
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-card>
+</template>