Intermediate changes.

Author: TimoxGagarin

components/TabbedCheckout.vue

@@ -601,8 +601,8 @@
 import CloseButton from "@/components/CloseButton"
 import DisplayField from "@/components/DisplayField"
 import MetamaskButton from "@/components/MetamaskButton"
-import WalletConnectButton from "@/components/WalletConnectButton"
 import UIExtensionSlot from "@/components/UIExtensionSlot"
+import WalletConnectButton from "@/components/WalletConnectButton"
 export default {
   components: {
     CloseButton,

package.json

@@ -51,5 +51,6 @@
     "vue-server-renderer": "<2.7",
     "vue-template-compiler": "<2.7",
     "vuetify-loader": "1.7.3"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

pages/i/_id.vue

@@ -55,6 +55,102 @@
                 {{ texts[status].text }}
               </div>
             </div>
+            <v-row class="justify-center">
+              {{ invoice }}
+              <v-col>
+                <v-img
+                  class="mt-8"
+                  max-height="80"
+                  max-width="80"
+                  contain
+                  :src="`${STATIC_PATH}/icon.svg`"
+                />
+                <v-card-title class="subheading font-weight-bold">
+                  Bitcart AI
+                </v-card-title>
+
+                <v-divider></v-divider>
+
+                <v-list dense>
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Invoice ID</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.id }}
+                    </v-list-item-content>
+                  </v-list-item>
+
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Order ID</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.order_id }}
+                    </v-list-item-content>
+                  </v-list-item>
+
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Store ID</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.store_id }}
+                    </v-list-item-content>
+                  </v-list-item>
+
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Total Price</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.order_id }}
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Sent Amount</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.sent_amount + " " + invoice.paid_currency }}
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Total Fiat</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.price + " " + invoice.currency }}
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Exchange Rate</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ calculateTotalPrice() }}
+                    </v-list-item-content>
+                  </v-list-item>
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Amount Due</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      {{ invoice.sent_amount }}
+                    </v-list-item-content>
+                  </v-list-item>
+
+                  <v-list-item>
+                    <v-list-item-content class="grey--text text--darken"
+                      ><strong>Date</strong></v-list-item-content
+                    >
+                    <v-list-item-content class="align-end">
+                      <!-- {{ invoice.paid_date.substring(0, 19).replace("T", " ") }} -->
+                    </v-list-item-content>
+                  </v-list-item>
+                </v-list>
+              </v-col>
+            </v-row>
           </v-card-text>
         </div>
       </v-card>
@@ -211,6 +307,9 @@ export default {
         ? baseURL.replace(/\/+$/, "") + "/" + relativeURL.replace(/^\/+/, "")
         : baseURL
     },
+    calculateTotalPrice() {
+      return this.invoice.payments
+    },
   },
 }
 </script>