hueso/P2Pix-Front-End
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove duplicated import

Browse Source
This commit is contained in:
Enzo Gabriel 2022-12-20 15:00:35 -03:00
parent 927aaf79ad
commit 716cd909a6
1 changed files with 16 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/TopBar.vue
View File

@ -4,7 +4,6 @@ import { storeToRefs } from "pinia";
import { useEtherStore } from "../store/ether"; import { useEtherStore } from "../store/ether";
import { ref } from "vue"; import { ref } from "vue";
import blockchain from "../utils/blockchain"; import blockchain from "../utils/blockchain";
import router from "@/router";
// Store reference // Store reference
const etherStore = useEtherStore(); const etherStore = useEtherStore();
@ -46,27 +45,13 @@ const disconnectUser = () => {
<template> <template>
<header> <header>
<img <img alt="P2Pix logo" class="logo" src="@/assets/logo.svg" width="75" height="75" />
alt="P2Pix logo"
class="logo"
src="@/assets/logo.svg"
width="75"
height="75"
/>
<div class="flex gap-4 items-center"> <div class="flex gap-4 items-center">
<button <button type="button" class="default-button" v-on:click="router.push('/seller')">
type="button"
class="default-button"
v-on:click="router.push('/seller')"
>
Quero vender Quero vender
</button> </button>
<button <button type="button" v-if="!walletAddress" class="border-amber-500 border-2 rounded default-button"
type="button" @click="connectMetaMask()">
v-if="!walletAddress"
class="border-amber-500 border-2 rounded default-button"
@click="connectMetaMask()"
>
Conectar carteira Conectar carteira
</button> </button>
<div v-if="walletAddress" class="account-info"> <div v-if="walletAddress" class="account-info">
@ -76,55 +61,34 @@ const disconnectUser = () => {
<img alt="Chevron Down" src="@/assets/chevronDown.svg" /> <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<div <div class="top-bar-info" @mouseover="menuToggle = true" @mouseout="menuToggle = false" :style="{
class="top-bar-info" backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
@mouseover="menuToggle = true" }">
@mouseout="menuToggle = false"
:style="{
backgroundColor: menuToggle ? '#F9F9F9' : 'transparent',
}"
>
<img alt="Account image" src="@/assets/account.svg" /> <img alt="Account image" src="@/assets/account.svg" />
<span <span class="default-text text-sm" :style="{
class="default-text text-sm" color: menuToggle ? '#000000' : 'rgb(249 250 251)',
:style="{ }">
color: menuToggle ? '#000000' : 'rgb(249 250 251)',
}"
>
{{ formatWalletAddress() }} {{ formatWalletAddress() }}
</span> </span>
<img alt="Chevron Down" src="@/assets/chevronDown.svg" /> <img alt="Chevron Down" src="@/assets/chevronDown.svg" />
</div> </div>
<div <div v-show="menuToggle" class="mt-10 absolute w-full text-black" @mouseover="menuToggle = true"
v-show="menuToggle" @mouseout="menuToggle = false">
class="mt-10 absolute w-full text-black"
@mouseover="menuToggle = true"
@mouseout="menuToggle = false"
>
<div class="pl-4 mt-2"> <div class="pl-4 mt-2">
<div class="bg-white rounded-md z-10"> <div class="bg-white rounded-md z-10">
<div <div class="menu-button px-4 rounded-md cursor-pointer" onclick="window.location='/bid_history'">
class="menu-button px-4 rounded-md cursor-pointer"
onclick="window.location='/bid_history'"
>
<div class="py-4 text-end font-semibold text-xs"> <div class="py-4 text-end font-semibold text-xs">
Histórico de compras Histórico de compras
</div> </div>
<hr /> <hr />
</div> </div>
<div <div class="menu-button px-4 cursor-pointer" onclick="window.location='/manage_bids'">
class="menu-button px-4 cursor-pointer"
onclick="window.location='/manage_bids'"
>
<div class="py-4 text-end font-semibold text-xs"> <div class="py-4 text-end font-semibold text-xs">
Gerenciar Ofertas Gerenciar Ofertas
</div> </div>
<hr /> <hr />
</div> </div>
<div <div class="menu-button px-4 py-1 rounded-md cursor-pointer" @click="disconnectUser">
class="menu-button px-4 py-1 rounded-md cursor-pointer"
@click="disconnectUser"
>
<div class="py-3 text-end font-semibold text-xs"> <div class="py-3 text-end font-semibold text-xs">
Desconectar Desconectar
</div> </div>
@ -152,6 +116,7 @@ header {
.default-button { .default-button {
@apply px-4 py-2 rounded text-gray-50 font-semibold text-base; @apply px-4 py-2 rounded text-gray-50 font-semibold text-base;
} }
.account-info { .account-info {
@apply flex items-center gap-6; @apply flex items-center gap-6;
} }