messages implemented

resources/js/Pages/ArtworkPage.jsx

@@ -10,6 +10,7 @@ import ArtworkAuthor from '../components/artwork/ArtworkAuthor'
 import ArtworkRelated from '../components/artwork/ArtworkRelated'
 import ArtworkDescription from '../components/artwork/ArtworkDescription'
 import ArtworkComments from '../components/artwork/ArtworkComments'
+import ArtworkReactions from '../components/artwork/ArtworkReactions'
 import ArtworkNavigator from '../components/viewer/ArtworkNavigator'
 import ArtworkViewer from '../components/viewer/ArtworkViewer'
 
@@ -80,7 +81,13 @@ function ArtworkPage({ artwork: initialArtwork, related: initialRelated, present
             <ArtworkStats artwork={artwork} />
             <ArtworkTags artwork={artwork} />
             <ArtworkDescription artwork={artwork} />
-            <ArtworkComments comments={comments} />
+            <ArtworkReactions artworkId={artwork.id} isLoggedIn={isAuthenticated} />
+            <ArtworkComments
+              artworkId={artwork.id}
+              comments={comments}
+              isLoggedIn={isAuthenticated}
+              loginUrl="/login"
+            />
           </div>
 
           <aside className="hidden space-y-6 lg:block">