From 50bba70e1f5eee7a6e1c85159f28acbea332da00 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 24 May 2024 09:11:20 -0600
Subject: [PATCH] allow link to the large version of a project image

---
 src/components/ProjectIcon.vue | 15 ++++++++++++++-
 src/views/ProjectViewView.vue  |  1 +
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/ProjectIcon.vue b/src/components/ProjectIcon.vue
index 11ef45a..093850d 100644
--- a/src/components/ProjectIcon.vue
+++ b/src/components/ProjectIcon.vue
@@ -1,5 +1,17 @@
 <template>
-  <div v-html="generateIdenticon()" class="h-full w-full object-contain"></div>
+  <a
+    v-if="linkToFull && imageUrl"
+    :href="imageUrl"
+    target="_blank"
+    class="h-full w-full object-contain"
+  >
+    <div v-html="generateIdenticon()" class="h-full w-full object-contain" />
+  </a>
+  <div
+    v-else
+    v-html="generateIdenticon()"
+    class="h-full w-full object-contain"
+  />
 </template>
 <script lang="ts">
 import { toSvg } from "jdenticon";
@@ -22,6 +34,7 @@ export default class ProjectIcon extends Vue {
   @Prop entityId = "";
   @Prop iconSize = 0;
   @Prop imageUrl = "";
+  @Prop linkToFull = false;
 
   generateIdenticon() {
     if (this.imageUrl) {
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 0361e3d..2e51cf1 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -28,6 +28,7 @@
               :entityId="projectId"
               :iconSize="64"
               :imageUrl="imageUrl"
+              :linkToFull="true"
               class="block border border-slate-300 rounded-md max-h-16 max-w-16"
             />
           </div>