Merge branch 'develop' of https://github.com/liftlearning/P2Pix-Front-End into responsividade

src/views/FaqView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Faq, Section } from "@/model/Faq";
+import type { Faq } from "@/model/Faq";
 import { ref } from "vue";
 import { marked } from "marked";
 
@@ -100,6 +100,7 @@ const openItem = (index: number) => {
         <h3
           :class="index == selectedSection ? 'selected-sumario' : 'sumario'"
           v-for="(f, index) in faq"
+          v-bind:key="f.name"
           @click="setSelectedSection(index)"
         >
           {{ f.name }}
@@ -107,7 +108,10 @@ const openItem = (index: number) => {
       </div>
 
       <div class="w-4/6">
-        <div v-for="(item, index) in faq[selectedSection].items">
+        <div
+          v-for="(item, index) in faq[selectedSection].items"
+          v-bind:key="item.title"
+        >
           <div class="flex cursor-pointer" @click="openItem(index)">
             <img
               alt="plus"

src/views/HomeView.vue

@@ -1,16 +1,17 @@
 <script setup lang="ts">
-import SearchComponent from "../components/SearchComponent.vue";
-import ValidationComponent from "../components/LoadingComponent.vue";
-import BuyConfirmedComponent from "@/components/BuyConfirmedComponent.vue";
+import SearchComponent from "@/components/SearchComponent.vue";
+import ValidationComponent from "@/components/LoadingComponent.vue";
+import BuyConfirmedComponent from "@/components/BuyConfirmedComponent/BuyConfirmedComponent.vue";
 import { ref, onMounted } from "vue";
-
 import { useEtherStore } from "@/store/ether";
-import QrCodeComponent from "../components/QrCodeComponent.vue";
+import QrCodeComponent from "@/components/QrCodeComponent.vue";
 import { storeToRefs } from "pinia";
 import { addLock, releaseLock } from "@/blockchain/buyerMethods";
-import { updateWalletStatus } from "@/blockchain/wallet";
+import {
+  updateWalletStatus,
+  listReleaseTransactionByWalletAddress,
+} from "@/blockchain/wallet";
 import { getNetworksLiquidity } from "@/blockchain/events";
-import { listReleaseTransactionByWalletAddress } from "@/blockchain/wallet";
 import type { Event } from "ethers";
 import type { ValidDeposit } from "@/model/ValidDeposit";
 
@@ -118,5 +119,3 @@ onMounted(async () => {
     />
   </div>
 </template>
-
-<style scoped></style>

src/views/ManageBidsView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useEtherStore } from "@/store/ether";
 import { storeToRefs } from "pinia";
-import ListingComponent from "@/components/ListingComponent.vue";
+import ListingComponent from "@/components/ListingComponent/ListingComponent.vue";
 import type { BigNumber } from "ethers";
 import { ref, watch, onMounted } from "vue";
 import { cancelDeposit, withdrawDeposit } from "@/blockchain/buyerMethods";
@@ -26,7 +26,7 @@ onMounted(async () => {
 
 const handleCancelDeposit = async (depositID: BigNumber, index: number) => {
   const response = await cancelDeposit(depositID);
-  if (response == true) {
+  if (response) {
     console.log("Depósito cancelado com sucesso.");
     depositList.value.splice(index, 1);
   }
@@ -34,7 +34,7 @@ const handleCancelDeposit = async (depositID: BigNumber, index: number) => {
 
 const handleWithDrawDeposit = async (depositID: BigNumber, index: number) => {
   const response = await withdrawDeposit(depositID);
-  if (response == true) {
+  if (response) {
     console.log("Token retirado com sucesso.");
     depositList.value.splice(index, 1);
   }

src/views/SellerView.vue

@@ -75,5 +75,3 @@ const sendNetwork = async () => {
     />
   </div>
 </template>
-
-<style scoped></style>

src/views/TransactionHistoryView.vue

@@ -2,7 +2,7 @@
 import { useEtherStore } from "@/store/ether";
 import { storeToRefs } from "pinia";
 import { ref, watch, onMounted } from "vue";
-import ListingComponent from "@/components/ListingComponent.vue";
+import ListingComponent from "@/components/ListingComponent/ListingComponent.vue";
 import { listAllTransactionByWalletAddress } from "@/blockchain/wallet";
 import type { Event } from "ethers";
 import type { ValidDeposit } from "@/model/ValidDeposit";