mark solution cta banner (laravelio#736)

* mark solution cta banner

* change cta banner style

* wip

Co-authored-by: Dries Vints <dries@vints.io>

resources/views/forum/threads/show.blade.php

@@ -16,6 +16,15 @@
 @section('content')
     <section class="pt-5 pb-10 px-4 container mx-auto flex flex-col gap-x-12 lg:flex-row lg:pt-10 lg:pb-0">
         <div class="w-full lg:w-3/4">
+            @unless ($thread->isSolved())
+                @can(App\Policies\ThreadPolicy::UPDATE, $thread)
+                    <div class="bg-lio-500 shadow rounded px-4 py-3 mb-4 text-white text-xs sm:text-sm flex">
+                        <x-heroicon-o-badge-check class="h-4 w-4 inline-block self-center mr-1" />
+                        Please make sure to mark the correct reply as the solution when your question gets answered.
+                    </div>
+                @endcan
+            @endunless
+
             <div class="relative">
                 <div class="relative flex flex-col gap-y-6 z-20">
                     <x-threads.thread :thread="$thread" />
@@ -42,11 +51,11 @@
                         <form action="{{ route('replies.store') }}" method="POST">
                             @csrf
 
-                            <livewire:editor 
-                                hasButton 
-                                buttonLabel="Reply" 
-                                buttonIcon="send" 
-                                label="Write a reply" 
+                            <livewire:editor
+                                hasButton
+                                buttonLabel="Reply"
+                                buttonIcon="send"
+                                label="Write a reply"
                             />
 
                             @error('body')

webpack.mix.js

@@ -4,3 +4,5 @@ mix.js('resources/js/app.js', 'public/js')
     .sourceMaps(true, 'hidden-source-map')
     .postCss('resources/css/app.css', 'public/css', [require('tailwindcss')])
     .version();
+
+mix.disableSuccessNotifications();