fix: adding user avatar editing

site/resources/views/profile/edit.blade.php

@@ -1,3 +1,11 @@
+@section('additional_headers')
+    @parent
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.1/cropper.min.css" integrity="sha512-hvNR0F/e2J7zPPfLC9auFe3/SE0yG4aJCOd/qxew74NN7eyiSKjr7xJJMu1Jy2wf7FXITpWS1E/RY8yzuXN7VA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+@endsection
+@section('additional_footers')
+    @parent
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.1/cropper.min.js" integrity="sha512-9KkIqdfN7ipEW6B6k+Aq20PV31bjODg4AA52W+tYtAE0jE0kMx49bjJ3FgvS56wzmyfMUHbQ4Km2b7l9+Y/+Eg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+@endsection
 <x-app-layout>
     <x-slot name="header">
         <h2 class="">
@@ -7,7 +15,7 @@
 
     <section class="signup-wrapper signin-wrapper ptb-4">
         <div class="container">
-            <div class="row d-flex-row d-flex align-content-stretch flex-wrap">
+            <div class="row d-flex-row d-flex align-content-stretch flex-wrap mb-4">
                 <div class="col-xl-5 col-lg-12 authbox">
                     @include('profile.partials.update-profile-information-form')
                 </div>
@@ -15,6 +23,12 @@
                     @include('profile.partials.update-password-form')
                 </div>
             </div>
+            <div class="row d-flex-row d-flex align-content-stretch flex-wrap mb-4">
+                <div class="col-xl-5 col-lg-12 authbox">
+                    @include('profile.partials.update-avatar-form')
+                </div>
+            </div>
         </div>
     </section>
 </x-app-layout>
+

site/resources/views/profile/partials/update-avatar-form.blade.php

@@ -0,0 +1,15 @@
+<div class="row mt-4 gutter-2">
+    <div class="col">
+        <div class="signin-content">
+            <div class="mb-6">
+                <h2 class="mb-2">{{ __('Update Your Artist Avatar') }}</h2>
+                <p class="normal">{{ __('This avatar will be used on the artist gallery and artist profile page.') }}</p>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row mt-0 gutter-2">
+    <div class="col">
+        <livewire:artist.avatar />
+    </div>
+</div>