refactor(components): Replace wire:navigate.hover with wire:navigate in various Blade components for improved consistency in navigation handling.

This commit is contained in:
Yoga Pangestu 2025-12-14 16:04:44 +07:00
parent 9bb9164ac1
commit 877c5ea061
32 changed files with 46 additions and 49 deletions

View File

@ -1,4 +1,4 @@
<flux:tooltip content="Ubah">
<flux:button href="{{ $editRoute }}" wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
<flux:button href="{{ $editRoute }}" wire:navigate variant="primary" color="yellow" icon="pencil-square"
size="sm"></flux:button>
</flux:tooltip>

View File

@ -1,5 +1,5 @@
<flux:tooltip content="{{ $tooltip }}">
<flux:button wire:navigate.hover variant="primary" color="{{ $color }}" icon="{{ $icon }}" size="sm"
<flux:button wire:navigate variant="primary" color="{{ $color }}" icon="{{ $icon }}" size="sm"
wire:click="$dispatch('fn:sortOrder', {'{{ $module }}': '{{ $id }}', direction: '{{ $direction }}'})">
</flux:button>
</flux:tooltip>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.catalog.' . $module . '.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.catalog.' . $module . '.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -6,7 +6,8 @@ class="fixed top-0 left-0 w-full p-4 lg:px-10 flex justify-between items-center
class="rounded-full w-10 h-10 flex items-center justify-center hover:bg-white/10 transition-colors relative group">
<svg id="hamburger-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="size-6 text-home-foreground transition-colors duration-300">
stroke-width="1.5" stroke="currentColor"
class="size-6 text-home-foreground transition-colors duration-300">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>

View File

@ -7,13 +7,13 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
<div class="mb-1">
<div class="grid gap-2">
<flux:navlist.item icon="squares-plus" href="{{ route('member.overview') }}"
:current="request()->routeIs('member.overview')" wire:navigate.hover>
:current="request()->routeIs('member.overview')" wire:navigate>
Ringkasan</flux:navlist.item>
<flux:navlist.item icon="ticket" href="{{ route('member.voucher') }}"
:current="request()->routeIs('member.voucher')" wire:navigate.hover>
:current="request()->routeIs('member.voucher')" wire:navigate>
Voucher</flux:navlist.item>
<flux:navlist.item icon="user-circle" href="{{ route('member.membership') }}"
:current="request()->routeIs('member.membership')" wire:navigate.hover>
:current="request()->routeIs('member.membership')" wire:navigate>
Membership</flux:navlist.item>
@if (auth()->user()->permission('view studio overview'))

View File

@ -23,7 +23,7 @@ class="max-lg:hidden! hidden dark:flex" />
<flux:dropdown position="top" align="end">
<flux:profile circle name="{{ $profileName }}" />
<flux:navmenu>
<flux:navmenu.item href="{{ $settingsRoute }}" icon="cog" wire:navigate.hover>
<flux:navmenu.item href="{{ $settingsRoute }}" icon="cog" wire:navigate>
Pengaturan
</flux:navmenu.item>
<flux:menu.separator />

View File

@ -25,13 +25,13 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
@if ($hasBadge)
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
:current="request()->routeIs($item['match'])" wire:navigate.hover
:current="request()->routeIs($item['match'])" wire:navigate
badge="{{ $item['badge'] }}">
{{ $item['label'] }}
</flux:navlist.item>
@else
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
:current="request()->routeIs($item['match'])" wire:navigate.hover>
:current="request()->routeIs($item['match'])" wire:navigate>
{{ $item['label'] }}
</flux:navlist.item>
@endif
@ -41,7 +41,7 @@ class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-z
@else
@foreach ($items as $item)
<flux:navlist.item icon="{{ $item['icon'] }}" href="{{ route($item['route']) }}"
:current="request()->routeIs($item['match'])" wire:navigate.hover>
:current="request()->routeIs($item['match'])" wire:navigate>
{{ $item['label'] }}
</flux:navlist.item>
@endforeach

View File

@ -2,7 +2,7 @@
<div class="flex-1 flex justify-center items-center">
<div class="w-80 md:w-100 space-y-6">
<div class="flex justify-center opacity-50">
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
<x-slot name="logo">
<div
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
@ -29,7 +29,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
</flux:button>
</div>
<flux:subheading class="text-center">
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate>Masuk
</flux:link>
</flux:subheading>
</div>

View File

@ -2,7 +2,7 @@
<div class="flex-1 flex justify-center items-center">
<div class="w-80 md:w-100 space-y-6">
<div class="flex justify-center opacity-50">
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
<x-slot name="logo">
<div
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
@ -20,8 +20,8 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
<div class="flex flex-col gap-6">
<flux:field>
<flux:label>Nama Pengguna atau Email <span class="text-red-500 ms-1">*</span></flux:label>
<flux:input wire:model="form.login" type="text" placeholder="johndoe / info.pangestuyoga@gmail.com"
autocomplete="off" />
<flux:input wire:model="form.login" type="text"
placeholder="johndoe / info.pangestuyoga@gmail.com" autocomplete="off" />
<flux:error name="form.login" />
</flux:field>
@ -30,7 +30,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
<flux:label>Kata Sandi <span class="text-red-500 ms-1">*</span></flux:label>
<flux:link href="{{ route('password.request') }}" variant="subtle" class="text-sm"
wire:navigate.hover>Lupa kata
wire:navigate>Lupa kata
sandi?</flux:link>
</div>
@ -42,7 +42,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
<flux:button variant="primary" class="w-full cursor-pointer" wire:click="auth">Masuk</flux:button>
</div>
<flux:subheading class="text-center">
Nikmati berbagai keuntungan! <flux:link href="{{ route('register') }}" wire:navigate.hover>Daftar
Nikmati berbagai keuntungan! <flux:link href="{{ route('register') }}" wire:navigate>Daftar
sekarang.
</flux:link>
</flux:subheading>

View File

@ -2,7 +2,7 @@
<div class="flex-1 flex justify-center items-center">
<div class="w-80 md:w-100 space-y-6">
<div class="flex justify-center opacity-50">
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
<x-slot name="logo">
<div
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
@ -144,7 +144,7 @@ class="transition-all duration-500 ease-in-out {{ $currentStep === $step['id'] ?
</div>
<flux:subheading class="text-center mt-8">
Sudah punya akun? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk sekarang.
Sudah punya akun? <flux:link href="{{ route('login') }}" wire:navigate>Masuk sekarang.
</flux:link>
</flux:subheading>
</div>

View File

@ -2,7 +2,7 @@
<div class="flex-1 flex justify-center items-center">
<div class="w-80 md:w-100 space-y-6">
<div class="flex justify-center opacity-50">
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate.hover>
<flux:brand href="{{ route('homepage') }}" name="Yadi Parfum" wire:navigate>
<x-slot name="logo">
<div
class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-center justify-center">
@ -36,7 +36,7 @@ class="size-8 rounded shrink-0 bg-accent text-accent-foreground flex items-cente
</div>
<flux:subheading class="text-center">
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate.hover>Masuk
Sudah ingat kata sandi? <flux:link href="{{ route('login') }}" wire:navigate>Masuk
</flux:link>
</flux:subheading>
</div>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.catalog.bottle.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.catalog.bottle.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create bottle')
<div>
<flux:button href="{{ route('studio.catalog.bottle.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.catalog.bottle.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.catalog.perfume.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.catalog.perfume.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create perfume')
<div>
<flux:button href="{{ route('studio.catalog.perfume.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.catalog.perfume.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.catalog.product.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.catalog.product.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create product')
<div>
<flux:button href="{{ route('studio.catalog.product.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.catalog.product.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.loyalty.voucher.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.loyalty.voucher.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create voucher')
<div>
<flux:button href="{{ route('studio.loyalty.voucher.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.loyalty.voucher.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.article.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.article.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create article')
<div>
<flux:button href="{{ route('studio.manage.article.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.manage.article.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,8 +5,7 @@
</div>
@can('create order')
<div class="flex">
<flux:button href="{{ route('studio.manage.order.create') }}" variant="primary" wire:navigate.hover
class="text-sm">
<flux:button href="{{ route('studio.manage.order.create') }}" variant="primary" wire:navigate class="text-sm">
Tambah
</flux:button>
<flux:button variant="primary" color="cyan" class="ms-2" wire:click="$dispatch('connectUSB')">

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.order.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.purchase.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.purchase.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,7 +5,7 @@
</div>
@can('create purchase')
<div>
<flux:button href="{{ route('studio.manage.purchase.create') }}" variant="primary" wire:navigate.hover
<flux:button href="{{ route('studio.manage.purchase.create') }}" variant="primary" wire:navigate
class="text-sm">
Tambah
</flux:button>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.manage.stock_opname.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.master.outlet.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.master.outlet.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,8 +5,7 @@
</div>
@can('create outlet')
<div>
<flux:button href="{{ route('studio.master.outlet.create') }}" variant="primary" wire:navigate.hover
class="text-sm">
<flux:button href="{{ route('studio.master.outlet.create') }}" variant="primary" wire:navigate class="text-sm">
Tambah
</flux:button>
</div>
@ -144,8 +143,7 @@ class="w-12 h-12 rounded-full -ml-3 first:ml-0">
@can('update outlet')
<flux:tooltip content="Ubah">
<flux:button href="{{ route('studio.master.outlet.edit', $outlet->hash) }}"
wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
size="sm">
wire:navigate variant="primary" color="yellow" icon="pencil-square" size="sm">
</flux:button>
</flux:tooltip>
@endcan

View File

@ -4,7 +4,7 @@
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
</div>
<div>
<flux:button href="{{ route('studio.master.user.index') }}" wire:navigate.hover class="text-sm">
<flux:button href="{{ route('studio.master.user.index') }}" wire:navigate class="text-sm">
Kembali
</flux:button>
</div>

View File

@ -5,8 +5,7 @@
</div>
@can('create user')
<div>
<flux:button href="{{ route('studio.master.user.create') }}" variant="primary" wire:navigate.hover
class="text-sm">
<flux:button href="{{ route('studio.master.user.create') }}" variant="primary" wire:navigate class="text-sm">
Tambah
</flux:button>
</div>
@ -199,7 +198,7 @@ class="text-gray-500">({{ formatRelativeTime($employee->resign_date) }})</span>
@can('update user')
<flux:tooltip content="Ubah">
<flux:button href="{{ route('studio.master.user.edit', $employee->user?->hash) }}"
wire:navigate.hover variant="primary" color="yellow" icon="pencil-square"
wire:navigate variant="primary" color="yellow" icon="pencil-square"
size="sm"></flux:button>
</flux:tooltip>
@endcan