Merge pull request #113 from OpenTechStrategies/89-exclude-current-ar…

…twork 89 exclude current artwork
OpenTechStrategies · Sep 30, 2024 · 336ce40 · 336ce40
2 parents f0dce52 + 78bbde0
commit 336ce40
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 31 deletions.
diff --git a/archesdataviewer/static/vite_build/.vite/manifest.json b/archesdataviewer/static/vite_build/.vite/manifest.json
@@ -1,11 +1,11 @@
 {
   "index.html": {
-    "file": "assets/index-BdIGXfw8.js",
+    "file": "assets/index-CzuP9OZb.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
     "css": [
-      "assets/index-Ds3kQY6k.css"
+      "assets/index-BUk10Zdh.css"
     ]
   }
 }
diff --git a/archesdataviewer/static/vite_build/assets/index-BUk10Zdh.css b/archesdataviewer/static/vite_build/assets/index-BUk10Zdh.css
diff --git a/...tatic/vite_build/assets/index-BdIGXfw8.js → ...tatic/vite_build/assets/index-CzuP9OZb.js b/...tatic/vite_build/assets/index-BdIGXfw8.js → ...tatic/vite_build/assets/index-CzuP9OZb.js
diff --git a/archesdataviewer/static/vite_build/assets/index-Ds3kQY6k.css b/archesdataviewer/static/vite_build/assets/index-Ds3kQY6k.css
diff --git a/archesdataviewer/static/vite_build/index.html b/archesdataviewer/static/vite_build/index.html
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Arches Data Viewer</title>
-    <script type="module" crossorigin src="/assets/index-BdIGXfw8.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Ds3kQY6k.css">
+    <script type="module" crossorigin src="/assets/index-CzuP9OZb.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BUk10Zdh.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/front-end/src/components/MoreArtworksByArtist.vue b/front-end/src/components/MoreArtworksByArtist.vue
@@ -11,7 +11,9 @@
     </div>
     <div class="more-artworks-by-artist-gallery">
       <MoreArtworksByArtistItem
-        v-for="artwork in relatedArtworks"
+        v-for="artwork in relatedArtworks?.filter(
+          (artwork) => artwork?.resourceinstanceid !== props.resource?.resourceinstanceid
+        )"
         :key="artwork.resourceinstanceid"
         :artwork="artwork"
         :image-tile-data="
@@ -85,6 +87,7 @@ const relatedArtworks = computed(() => {
   align-items: flex-start;
   align-content: flex-start;
   padding: 0px;
+  margin-top: var(--wac--accessible-spacing--1x);
   gap: 16px;
   isolation: isolate;
 }

diff --git a/front-end/src/components/MoreArtworksByArtistItem.vue b/front-end/src/components/MoreArtworksByArtistItem.vue
@@ -2,7 +2,7 @@
   <RouterLink :to="`/archesdataviewer/home/resource/${props.artwork.resourceinstanceid}`">
     <div>
       <img
-        :class="['more-artwork-image', { blocked: isBlocked }]"
+        class="more-artwork-image"
         :src="resolvedImageUrl || fallbackImageUrl"
         :alt="resolvedImageUrl ? 'Thumbnail image' : 'No image available'"
       />
@@ -13,9 +13,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import type { ImageTileData, Resource } from '@/types';
-import { useRoute } from 'vue-router';
-
-const route = useRoute();
 
 const props = defineProps<{
   artwork: Resource;
@@ -35,8 +32,6 @@ const fallbackImageUrl = computed(() =>
     ? 'https://arches-app-demo.opentechstrategies.com/archesdataviewer/noimage.png'
     : '/noimage.png'
 );
-
-const isBlocked = computed(() => route.params?.id === props.artwork.resourceinstanceid);
 </script>
 
 <style scoped>
@@ -54,9 +49,4 @@ const isBlocked = computed(() => route.params?.id === props.artwork.resourceinst
 .more-artwork-image:hover {
   opacity: 0.5;
 }
-
-.blocked {
-  filter: brightness(50%);
-  pointer-events: none;
-}
 </style>