You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.5 KiB
42 lines
1.5 KiB
<?php
|
|
|
|
use App\Domains\Identity\Queries\Dashboard\GetMonthlyNewUsers;
|
|
use Livewire\Attributes\Computed;
|
|
use Livewire\Component;
|
|
|
|
new class extends Component
|
|
{
|
|
#[Computed]
|
|
public function userCount()
|
|
{
|
|
return app(GetMonthlyNewUsers::class)->fetch();
|
|
}
|
|
};
|
|
?>
|
|
<div class="card border-0 shadow-sm rounded-3">
|
|
<div class="card-body p-4">
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|
<!-- Icon Avatar -->
|
|
<div class="avatar bg-info-subtle text-info p-3 rounded-3 d-flex align-items-center justify-content-center" style="width: 48px; height: 48px;">
|
|
@svg('tabler-user-star', [
|
|
'class' => 'icon icon-lg',
|
|
])
|
|
</div>
|
|
|
|
<!-- Growth Rate Indicator Badge -->
|
|
<span class="badge bg-info-subtle text-info border border-info-subtle rounded-pill fs-7 fw-semibold">
|
|
{{ __('domains/identity/dashboard.new_user_count.growth', ['rate' => $this->userCount['growth_rate']]) }}
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Metric Value and Title -->
|
|
<div>
|
|
<div class="fs-4 fw-semibold text-body mb-1" data-heading-tag="H3">
|
|
{{ $this->userCount['new_users'] }}
|
|
</div>
|
|
<div class="text-body-secondary small text-uppercase fw-semibold tracking-wider" data-heading-tag="H2">
|
|
{{ __('domains/identity/dashboard.new_user_count.title') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|