gallery fix

resources/views/legacy/profile.blade.php

@@ -1,5 +1,7 @@
 @extends('layouts.nova')
 
+@php($gridV2 = request()->query('grid') === 'v2')
+
 @section('content')
 <div class="container-fluid legacy-page">
     <div class="effect2 page-header-wrap">
@@ -14,18 +16,15 @@
             <div class="panel panel-default effect2">
                 <div class="panel-heading"><strong>Newest Artworks</strong></div>
                 <div class="panel-body">
-                    <div class="gallery-grid">
+                    <div class="{{ $gridV2 ? 'gallery' : 'gallery-grid' }}" data-nova-gallery data-gallery-type="profile" data-gallery-grid>
                         @foreach($artworks as $art)
-                            <div class="thumb-card effect2">
-                                <a href="/art/{{ $art->id }}/{{ Str::slug($art->name ?? '') }}" class="thumb-link">
-                                    <img src="{{ $art->thumb }}" srcset="{{ $art->thumb_srcset }}" alt="{{ $art->name }}" class="img-responsive" loading="lazy" decoding="async">
-                                </a>
-                                <div class="thumb-meta">
-                                    <div class="thumb-title">{{ $art->name }}</div>
-                                </div>
-                            </div>
+                            <x-artwork-card :art="$art" />
                         @endforeach
                     </div>
+                    <div class="hidden" data-gallery-skeleton-template aria-hidden="true">
+                        <x-skeleton.artwork-card />
+                    </div>
+                    <div class="hidden mt-8" data-gallery-skeleton></div>
                 </div>
             </div>
         </div>
@@ -43,3 +42,7 @@
     </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="/js/legacy-gallery-init.js" defer></script>
+@endpush