add profile pictures & (attempt) fix uploads

This commit is contained in:
yuriko 🦊 2025-05-24 22:43:03 -04:00
parent 2aa0689720
commit bb15fc96b4
8 changed files with 92 additions and 9 deletions

View file

@ -1,8 +1,30 @@
<div class="wa-stack">
<h1>{{ $user->name }}</h1>
<div class="wa-stack wa-gap-3xl">
<div class="wa-stack">
<div class="wa-flank wa-align-items-center">
<livewire:app.pfp :$user size="5rem" shape="rounded" />
<h1>{{ $user->name }}</h1>
</div>
<div class="wa-grid" style="--min-column-size: 30ch;">
<livewire:app.data-card icon="images" title="Posts" value="{{ $user->posts->count() }}" />
<livewire:app.data-card icon="comments" title="Comments" value="{{ $user->comments->count() }}" />
<div class="wa-grid" style="--min-column-size: 30ch;">
<livewire:app.data-card icon="images" title="Posts" value="{{ $user->posts->count() }}" />
<livewire:app.data-card icon="comments" title="Comments" value="{{ $user->comments->count() }}" />
</div>
</div>
@if (Auth::id() == $user->id)
<div class="wa-stack">
<h2>User settings</h2>
<form wire:submit>
<wa-card>
<div class="wa-stack">
<span class="wa-heading-m">Profile picture</span>
<input type="file" wire:model.live="avatar" wire:loading.attr="disabled" />
@error('avatar')
<span class="wa-caption-m">{{ $message }}</span>
@enderror
</div>
</wa-card>
</form>
</div>
@endif
</div>