feat: Inertia profile settings page, Studio edit redesign, EGS, Nova UI components\n\n- Redesign /dashboard/profile as Inertia React page (Settings/ProfileEdit)\n with SettingsLayout sidebar, Nova UI components (TextInput, Textarea,\n Toggle, Select, RadioGroup, Modal, Button), avatar drag-and-drop,\n password change, and account deletion sections\n- Redesign Studio artwork edit page with two-column layout, Nova components,\n integrated TagPicker, and version history modal\n- Add shared MarkdownEditor component\n- Add Early-Stage Growth System (EGS): SpotlightEngine, FeedBlender,\n GridFiller, AdaptiveTimeWindow, ActivityLayer, admin panel\n- Fix upload category/tag persistence (V1+V2 paths)\n- Fix tag source enum, category tree display, binding resolution\n- Add settings.jsx Vite entry, settings.blade.php wrapper\n- Update ProfileController with JSON response support for API calls\n- Various route fixes (profile.edit, toolbar settings link)"
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
{{--
|
||||
Artwork Not Found (contextual) — HTTP 404 or 403
|
||||
Shown when:
|
||||
- Artwork ID not found at all → HTTP 404
|
||||
- Artwork exists but is private/unapproved → HTTP 403 ($isForbidden=true)
|
||||
Separate view for permanently deleted → errors/410.blade.php
|
||||
|
||||
Variables:
|
||||
$isForbidden bool true when private/403
|
||||
$trendingArtworks Collection (max 6)
|
||||
$creatorArtworks Collection (max 6, optional)
|
||||
$creatorUsername string|null
|
||||
--}}
|
||||
@php
|
||||
$isForbidden = $isForbidden ?? false;
|
||||
$errorCode = $isForbidden ? 403 : 404;
|
||||
$errorTitle = $isForbidden ? 'Access Denied' : 'Artwork Not Found';
|
||||
$errorMessage = $isForbidden
|
||||
? 'This artwork is private and not publicly available.'
|
||||
: 'This artwork is no longer available, or the link may be broken.';
|
||||
$badgeLabel = $isForbidden ? 'Private Artwork' : 'Artwork Not Found';
|
||||
@endphp
|
||||
@extends('errors._layout', [
|
||||
'error_code' => $errorCode,
|
||||
'error_title' => $errorTitle,
|
||||
'error_message' => $errorMessage,
|
||||
])
|
||||
|
||||
@section('badge', $badgeLabel)
|
||||
|
||||
@section('primary-cta')
|
||||
@if($isForbidden)
|
||||
@guest
|
||||
<a href="/login"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-sign-in-alt" aria-hidden="true"></i>
|
||||
Sign In to View
|
||||
</a>
|
||||
@else
|
||||
<a href="/discover/trending"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-compass" aria-hidden="true"></i>
|
||||
Explore Discover
|
||||
</a>
|
||||
@endguest
|
||||
@else
|
||||
<a href="/discover/trending"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-compass" aria-hidden="true"></i>
|
||||
Explore Discover
|
||||
</a>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('secondary-ctas')
|
||||
<a href="/explore/wallpapers" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
Browser Wallpapers
|
||||
</a>
|
||||
<a href="/search" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
<i class="fas fa-search mr-1.5" aria-hidden="true"></i> Search
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('recovery')
|
||||
|
||||
{{-- Creator's other artworks (if we have a hint about the creator) --}}
|
||||
@if(isset($creatorArtworks) && $creatorArtworks->count())
|
||||
<div class="mb-12">
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">
|
||||
More from this Creator
|
||||
</h2>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
|
||||
@foreach($creatorArtworks->take(6) as $artwork)
|
||||
@include('errors._artwork-card', ['artwork' => $artwork])
|
||||
@endforeach
|
||||
</div>
|
||||
@if(isset($creatorUsername))
|
||||
<div class="mt-3">
|
||||
<a href="/@{{ $creatorUsername }}" class="text-xs text-sky-400 hover:text-sky-300 transition-colors">
|
||||
View full gallery →
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Trending artworks --}}
|
||||
@if(isset($trendingArtworks) && $trendingArtworks->count())
|
||||
<div>
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Trending Wallpapers</h2>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3">
|
||||
@foreach($trendingArtworks->take(6) as $artwork)
|
||||
@include('errors._artwork-card', ['artwork' => $artwork])
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
52
resources/views/errors/contextual/blog-not-found.blade.php
Normal file
52
resources/views/errors/contextual/blog-not-found.blade.php
Normal file
@@ -0,0 +1,52 @@
|
||||
{{--
|
||||
Blog Post Not Found — Contextual 404
|
||||
Shown at /blog/:slug when post doesn't exist or is unpublished.
|
||||
|
||||
Variables:
|
||||
$latestPosts Collection (max 6)
|
||||
--}}
|
||||
@extends('errors._layout', [
|
||||
'error_code' => 404,
|
||||
'error_title' => 'Article Not Found',
|
||||
'error_message' => 'This article is no longer available or the link has changed.',
|
||||
])
|
||||
|
||||
@section('badge', 'Article Not Found')
|
||||
|
||||
@section('primary-cta')
|
||||
<a href="/blog"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-newspaper" aria-hidden="true"></i>
|
||||
Visit Blog
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('secondary-ctas')
|
||||
<a href="/" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
Home
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('recovery')
|
||||
|
||||
@if(isset($latestPosts) && $latestPosts->count())
|
||||
<div>
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Latest Articles</h2>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
@foreach($latestPosts->take(6) as $post)
|
||||
<a href="{{ $post['url'] }}"
|
||||
class="flex flex-col gap-2 rounded-xl p-4 bg-white/3 hover:bg-white/7 border border-white/5 hover:border-sky-500/20 transition-all">
|
||||
<p class="text-sm font-semibold text-white leading-snug">{{ $post['title'] }}</p>
|
||||
@if(!empty($post['excerpt']))
|
||||
<p class="text-xs text-white/50 leading-relaxed flex-1">{{ $post['excerpt'] }}</p>
|
||||
@endif
|
||||
@if(!empty($post['published_at']))
|
||||
<p class="text-xs text-white/30 mt-auto">{{ $post['published_at'] }}</p>
|
||||
@endif
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,94 @@
|
||||
{{--
|
||||
Creator Not Found — Contextual 404
|
||||
Shown at /@:username when user doesn't exist.
|
||||
|
||||
Variables:
|
||||
$requestedUsername string|null
|
||||
$trendingCreators Collection (max 6)
|
||||
$recentCreators Collection (max 6)
|
||||
--}}
|
||||
@extends('errors._layout', [
|
||||
'error_code' => 404,
|
||||
'error_title' => 'Creator Not Found',
|
||||
'error_message' => isset($requestedUsername)
|
||||
? 'The creator "@' . $requestedUsername . '" does not exist on Skinbase.'
|
||||
: 'This creator profile does not exist.',
|
||||
])
|
||||
|
||||
@section('badge', 'Creator Not Found')
|
||||
|
||||
@section('primary-cta')
|
||||
{{-- Inline creator search --}}
|
||||
<form action="/search" method="GET" class="flex items-center gap-2 w-full max-w-sm mx-auto mb-2">
|
||||
<input
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="Search for a creator…"
|
||||
value="{{ isset($requestedUsername) ? '@'.$requestedUsername : '' }}"
|
||||
class="flex-1 rounded-xl bg-white/8 border border-white/12 focus:border-sky-500/50 focus:ring-0 text-sm text-white placeholder-white/30 px-4 py-2.5 outline-none transition-colors"
|
||||
/>
|
||||
<button type="submit"
|
||||
class="rounded-xl bg-sky-500 hover:bg-sky-400 text-white px-4 py-2.5 text-sm font-semibold transition-colors shrink-0">
|
||||
<i class="fas fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
@endsection
|
||||
|
||||
@section('secondary-ctas')
|
||||
<a href="/creators/top" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
<i class="fas fa-trophy mr-1.5" aria-hidden="true"></i> Top Creators
|
||||
</a>
|
||||
<a href="/register" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
<i class="fas fa-star mr-1.5" aria-hidden="true"></i> Join Skinbase
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('recovery')
|
||||
|
||||
{{-- Trending creators --}}
|
||||
@if(isset($trendingCreators) && $trendingCreators->count())
|
||||
<div class="mb-12">
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Top Creators</h2>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4">
|
||||
@foreach($trendingCreators->take(6) as $creator)
|
||||
<a href="{{ $creator['url'] }}"
|
||||
class="flex flex-col items-center gap-2 rounded-xl p-4 bg-white/3 hover:bg-white/7 border border-white/5 hover:border-sky-500/20 transition-all text-center group">
|
||||
<img src="{{ $creator['avatar_url'] }}"
|
||||
alt="{{ $creator['name'] }}"
|
||||
loading="lazy"
|
||||
class="w-14 h-14 rounded-full object-cover ring-2 ring-white/10 group-hover:ring-sky-500/30 transition-all"
|
||||
onerror="this.src='https://files.skinbase.org/default/avatar_default.webp'" />
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-white truncate max-w-[100px]">{{ $creator['name'] }}</p>
|
||||
<p class="text-xs text-white/40">{{ $creator['artworks_count'] }} uploads</p>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Recently joined creators --}}
|
||||
@if(isset($recentCreators) && $recentCreators->count())
|
||||
<div>
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Recently Joined</h2>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4">
|
||||
@foreach($recentCreators->take(6) as $creator)
|
||||
<a href="{{ $creator['url'] }}"
|
||||
class="flex flex-col items-center gap-2 rounded-xl p-4 bg-white/3 hover:bg-white/7 border border-white/5 hover:border-sky-500/20 transition-all text-center group">
|
||||
<img src="{{ $creator['avatar_url'] }}"
|
||||
alt="{{ $creator['name'] }}"
|
||||
loading="lazy"
|
||||
class="w-14 h-14 rounded-full object-cover ring-2 ring-white/10 group-hover:ring-sky-500/30 transition-all"
|
||||
onerror="this.src='https://files.skinbase.org/default/avatar_default.webp'" />
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-white truncate max-w-[100px]">{{ $creator['name'] }}</p>
|
||||
<p class="text-xs text-white/40">{{ $creator['artworks_count'] }} uploads</p>
|
||||
</div>
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
31
resources/views/errors/contextual/page-not-found.blade.php
Normal file
31
resources/views/errors/contextual/page-not-found.blade.php
Normal file
@@ -0,0 +1,31 @@
|
||||
{{--
|
||||
Static Page Not Found — Contextual 404
|
||||
Shown at /pages/:slug or /about|/help|/contact when page not in DB.
|
||||
--}}
|
||||
@extends('errors._layout', [
|
||||
'error_code' => 404,
|
||||
'error_title' => 'Page Not Found',
|
||||
'error_message' => 'This page was removed or renamed. Try one of the links below.',
|
||||
])
|
||||
|
||||
@section('badge', 'Page Not Found')
|
||||
|
||||
@section('primary-cta')
|
||||
<a href="/help"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-question-circle" aria-hidden="true"></i>
|
||||
Help Center
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('secondary-ctas')
|
||||
<a href="/about" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
About
|
||||
</a>
|
||||
<a href="/contact" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
Contact
|
||||
</a>
|
||||
<a href="/" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
Home
|
||||
</a>
|
||||
@endsection
|
||||
70
resources/views/errors/contextual/tag-not-found.blade.php
Normal file
70
resources/views/errors/contextual/tag-not-found.blade.php
Normal file
@@ -0,0 +1,70 @@
|
||||
{{--
|
||||
Tag Not Found — Contextual 404
|
||||
Shown at /tag/:slug when slug not in DB.
|
||||
|
||||
Variables:
|
||||
$requestedSlug string
|
||||
$similarTags Collection (max 10)
|
||||
$trendingTags Collection (max 10)
|
||||
--}}
|
||||
@extends('errors._layout', [
|
||||
'error_code' => 404,
|
||||
'error_title' => 'Tag Not Found',
|
||||
'error_message' => 'The tag "' . ($requestedSlug ?? '') . '" doesn\'t exist yet.',
|
||||
])
|
||||
|
||||
@section('badge', 'Tag Not Found')
|
||||
|
||||
@section('primary-cta')
|
||||
<a href="/tags"
|
||||
class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors">
|
||||
<i class="fas fa-tags" aria-hidden="true"></i>
|
||||
Browse All Tags
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('secondary-ctas')
|
||||
<a href="/discover/trending" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
Trending
|
||||
</a>
|
||||
<a href="/search" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
|
||||
<i class="fas fa-search mr-1.5" aria-hidden="true"></i> Search
|
||||
</a>
|
||||
@endsection
|
||||
|
||||
@section('recovery')
|
||||
|
||||
{{-- Similar tags --}}
|
||||
@if(isset($similarTags) && $similarTags->count())
|
||||
<div class="mb-10">
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Similar Tags</h2>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@foreach($similarTags->take(10) as $tag)
|
||||
<a href="/tag/{{ $tag->slug }}"
|
||||
class="rounded-full bg-sky-500/10 hover:bg-sky-500/20 border border-sky-500/20 hover:border-sky-500/40 text-sky-300 hover:text-sky-200 px-3 py-1 text-xs font-medium transition-colors">
|
||||
#{{ $tag->name }}
|
||||
@if($tag->artworks_count ?? null)
|
||||
<span class="text-sky-400/60 ml-1">{{ number_format($tag->artworks_count) }}</span>
|
||||
@endif
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- Trending tags --}}
|
||||
@if(isset($trendingTags) && $trendingTags->count())
|
||||
<div>
|
||||
<h2 class="text-sm font-semibold text-white/40 uppercase tracking-widest mb-4">Popular Tags</h2>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@foreach($trendingTags->take(10) as $tag)
|
||||
<a href="/tag/{{ $tag->slug }}"
|
||||
class="rounded-full bg-white/5 hover:bg-sky-500/20 border border-white/8 hover:border-sky-500/30 text-white/70 hover:text-sky-300 px-3 py-1 text-xs font-medium transition-colors">
|
||||
#{{ $tag->name }}
|
||||
</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user