Added heart button to search results. Changed warning page button design.

assets/js/ui/actions.js

@@ -1,7 +1,8 @@
 import { graphql } from '../api';
+import { releaseFields } from '../fragments';
 import { curateRelease, curateActor } from '../curate';
 
-function initUiActions(_store, _router) {
+function initUiActions(store, _router) {
 	function setTagFilter({ commit }, filter) {
 		const tagFilter = Array.from(new Set(filter));
 
@@ -33,6 +34,8 @@ function initUiActions(_store, _router) {
             query SearchReleases(
                 $query: String!
                 $limit: Int = 20
+				$hasAuth: Boolean!
+				$userId: Int
             ) {
                 results: searchReleases(
                     query: $query
@@ -45,57 +48,7 @@ function initUiActions(_store, _router) {
 					}
                 ) {
 					release {
-						id
-						title
-						slug
-						date
-						url
-						isNew
-						entity {
-							id
-							slug
-							name
-							url
-							type
-							independent
-							parent {
-								id
-								slug
-								name
-								url
-								type
-							}
-						}
-						actors: releasesActors {
-							actor {
-								id
-								slug
-								name
-							}
-						}
-						tags: releasesTags(orderBy: TAG_BY_TAG_ID__PRIORITY_DESC) {
-							tag {
-								id
-								name
-								slug
-							}
-						}
-						poster: releasesPosterByReleaseId {
-							media {
-								id
-								thumbnail
-								lazy
-								isS3
-							}
-						}
-						covers: releasesCovers {
-							media {
-								id
-								thumbnail
-								lazy
-								isS3
-							}
-						}
+						${releaseFields}
 					}
 					rank
                 }
@@ -168,6 +121,8 @@ function initUiActions(_store, _router) {
         `, {
 			query,
 			limit,
+			hasAuth: !!store.state.auth.user,
+			userId: store.state.auth.user?.id,
 		});
 
 		return {