Move manager tabs into hero

This commit is contained in:
Ruslan Bakiev
2026-04-04 10:22:35 +07:00
parent a4b3e195c7
commit 7b7750a5af
3 changed files with 41 additions and 35 deletions

View File

@@ -18,6 +18,8 @@ function updateValue(event: Event) {
<div class="space-y-5"> <div class="space-y-5">
<h1 class="text-3xl font-extrabold text-[#0f2f20]">{{ props.title }}</h1> <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"> <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"> <label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
<svg <svg

View File

@@ -89,8 +89,8 @@ const filteredWithdrawals = computed(() => {
v-model="search" v-model="search"
title="Бонусы" title="Бонусы"
:search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'" :search-placeholder="activeTab === 'balances' ? 'Пользователь, email, компания или сумма' : 'Пользователь, сумма или статус'"
/> >
<template #tabs>
<div class="tabs tabs-boxed w-fit bg-white"> <div class="tabs tabs-boxed w-fit bg-white">
<button <button
class="tab" class="tab"
@@ -107,6 +107,8 @@ const filteredWithdrawals = computed(() => {
Заявки на выплату Заявки на выплату
</button> </button>
</div> </div>
</template>
</UiSectionSearchHero>
<template v-if="activeTab === 'balances'"> <template v-if="activeTab === 'balances'">
<div v-if="balancesQuery.loading.value" class="manager-empty-state"> <div v-if="balancesQuery.loading.value" class="manager-empty-state">

View File

@@ -113,13 +113,7 @@ function userInitials(fullName: string) {
title="Пользователи" title="Пользователи"
:search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'" :search-placeholder="activeTab === 'users' ? 'Имя пользователя' : 'Компания, контакт, email или ИНН'"
> >
<template #controls> <template #tabs>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
Пригласить
</NuxtLink>
</template>
</UiSectionSearchHero>
<div class="tabs tabs-boxed w-fit bg-white"> <div class="tabs tabs-boxed w-fit bg-white">
<button <button
class="tab" class="tab"
@@ -136,6 +130,14 @@ function userInitials(fullName: string) {
Заявки Заявки
</button> </button>
</div> </div>
</template>
<template #controls>
<NuxtLink to="/clients/invite" class="btn btn-primary border-0">
Пригласить
</NuxtLink>
</template>
</UiSectionSearchHero>
<template v-if="activeTab === 'users'"> <template v-if="activeTab === 'users'">
<div v-if="usersQuery.loading.value" class="manager-empty-state"> <div v-if="usersQuery.loading.value" class="manager-empty-state">