matt
/
AuditionAdminBilling
mirror of https://github.com/okorpheus/AuditionAdminBilling.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Show stripe balance on dashboard

This commit is contained in:
Matt Young 2026-01-30 17:56:01 -06:00
parent c199e0a9dd
commit e4bb06b19d
2 changed files with 94 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
resources/views/components/⚡stripe-balance.blade.php Normal file
View File

@ -0,0 +1,92 @@
<?php
use Illuminate\Support\Facades\Cache;
use Livewire\Component;
use Stripe\Stripe;
use Stripe\Balance;
new class extends Component {
public ?array $balance = null;
public ?string $error = null;
public function mount(): void
{
$this->loadBalance();
}
public function loadBalance(): void
{
try {
$this->balance = Cache::remember('stripe_balance', now()->addMinutes(15), function () {
Stripe::setApiKey(config('services.stripe.secret'));
$balance = Balance::retrieve();
return [
'available' => collect($balance->available)->map(fn($b) => [
'amount' => $b->amount / 100,
'currency' => strtoupper($b->currency),
])->toArray(),
'pending' => collect($balance->pending)->map(fn($b) => [
'amount' => $b->amount / 100,
'currency' => strtoupper($b->currency),
])->toArray(),
];
});
$this->error = null;
} catch (\Exception $e) {
$this->error = 'Unable to fetch Stripe balance';
$this->balance = null;
}
}
public function refresh(): void
{
Cache::forget('stripe_balance');
$this->loadBalance();
}
};
?>
<div class="flex h-full flex-col justify-between p-4">
<div class="flex items-center justify-between">
<h3 class="text-sm font-medium text-gray-500 dark:text-gray-400">Stripe Balance</h3>
<button wire:click="refresh" wire:loading.attr="disabled" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
<flux:icon.arrow-path class="size-4" wire:loading.class="animate-spin" />
</button>
</div>
@if($error)
<div class="flex flex-1 items-center justify-center">
<p class="text-sm text-red-500">{{ $error }}</p>
</div>
@elseif($balance)
<div class="flex flex-1 flex-col justify-center space-y-3">
@foreach($balance['available'] as $available)
<div>
<p class="text-xs text-gray-500 dark:text-gray-400">Available</p>
<p class="text-2xl font-semibold text-gray-900 dark:text-white">
${{ number_format($available['amount'], 2) }}
<span class="text-sm font-normal text-gray-500">{{ $available['currency'] }}</span>
</p>
</div>
@endforeach
@foreach($balance['pending'] as $pending)
@if($pending['amount'] > 0)
<div>
<p class="text-xs text-gray-500 dark:text-gray-400">Pending</p>
<p class="text-lg font-medium text-gray-600 dark:text-gray-300">
${{ number_format($pending['amount'], 2) }}
<span class="text-sm font-normal text-gray-500">{{ $pending['currency'] }}</span>
</p>
</div>
@endif
@endforeach
</div>
@else
<div class="flex flex-1 items-center justify-center">
<flux:icon.arrow-path class="size-6 animate-spin text-gray-400" />
</div>
@endif
<p class="text-xs text-gray-400 dark:text-gray-500">Cached for 15 min</p>
</div>

4
resources/views/dashboard.blade.php
View File

@ -1,8 +1,8 @@
<x-layouts::app :title="__('Dashboard')">
<div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-800">
<livewire:stripe-balance />
</div>
<div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
<x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />