Move manager tabs into hero
This commit is contained in:
@@ -89,24 +89,26 @@ const filteredWithdrawals = computed(() => {
|
||||
v-model="search"
|
||||
title="Бонусы"
|
||||
:search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
|
||||
/>
|
||||
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'balances' }"
|
||||
@click="setTab('balances')"
|
||||
>
|
||||
Балансы
|
||||
</button>
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'withdrawals' }"
|
||||
@click="setTab('withdrawals')"
|
||||
>
|
||||
Заявки на выплату
|
||||
</button>
|
||||
</div>
|
||||
>
|
||||
<template #tabs>
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'balances' }"
|
||||
@click="setTab('balances')"
|
||||
>
|
||||
Балансы
|
||||
</button>
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'withdrawals' }"
|
||||
@click="setTab('withdrawals')"
|
||||
>
|
||||
Заявки на выплату
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<template v-if="activeTab === 'balances'">
|
||||
<div v-if="balancesQuery.loading.value" class="manager-empty-state">
|
||||
|
||||
@@ -113,6 +113,25 @@ function userInitials(fullName: string) {
|
||||
title="Пользователи"
|
||||
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
|
||||
>
|
||||
<template #tabs>
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'users' }"
|
||||
@click="setTab('users')"
|
||||
>
|
||||
Пользователи
|
||||
</button>
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'requests' }"
|
||||
@click="setTab('requests')"
|
||||
>
|
||||
Заявки
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #controls>
|
||||
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
|
||||
Пригласить
|
||||
@@ -120,23 +139,6 @@ function userInitials(fullName: string) {
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'users' }"
|
||||
@click="setTab('users')"
|
||||
>
|
||||
Пользователи
|
||||
</button>
|
||||
<button
|
||||
class="tab"
|
||||
:class="{ 'tab-active': activeTab === 'requests' }"
|
||||
@click="setTab('requests')"
|
||||
>
|
||||
Заявки
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<template v-if="activeTab === 'users'">
|
||||
<div v-if="usersQuery.loading.value" class="manager-empty-state">
|
||||
Загружаем пользователей...
|
||||
|
||||
Reference in New Issue
Block a user