Move manager tabs into hero
This commit is contained in:
@@ -18,6 +18,8 @@ function updateValue(event: Event) {
|
||||
<div class="space-y-5">
|
||||
<h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1>
|
||||
|
||||
<slot name="tabs" />
|
||||
|
||||
<div class="flex flex-col gap-3 md:flex-row md:items-center">
|
||||
<label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
|
||||
<svg
|
||||
|
||||
@@ -89,8 +89,8 @@ const filteredWithdrawals = computed(() => {
|
||||
v-model="search"
|
||||
title="Бонусы"
|
||||
:search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
|
||||
/>
|
||||
|
||||
>
|
||||
<template #tabs>
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
@@ -107,6 +107,8 @@ const filteredWithdrawals = computed(() => {
|
||||
Заявки на выплату
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<template v-if="activeTab === 'balances'">
|
||||
<div v-if="balancesQuery.loading.value" class="manager-empty-state">
|
||||
|
||||
@@ -113,13 +113,7 @@ function userInitials(fullName: string) {
|
||||
title="Пользователи"
|
||||
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
|
||||
>
|
||||
<template #controls>
|
||||
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
|
||||
Пригласить
|
||||
</NuxtLink>
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<template #tabs>
|
||||
<div class="tabs tabs-boxed w-fit bg-white">
|
||||
<button
|
||||
class="tab"
|
||||
@@ -136,6 +130,14 @@ function userInitials(fullName: string) {
|
||||
Заявки
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #controls>
|
||||
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
|
||||
Пригласить
|
||||
</NuxtLink>
|
||||
</template>
|
||||
</UiSectionSearchHero>
|
||||
|
||||
<template v-if="activeTab === 'users'">
|
||||
<div v-if="usersQuery.loading.value" class="manager-empty-state">
|
||||
|
||||
Reference in New Issue
Block a user