fix(applicants): disable resume button when unavailable (profilecity#178

)
shivam-sharma7 · Sep 24, 2024 · de9e613 · de9e613
1 parent 22fae7d
commit de9e613
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/app/components/admin/ApplicationRow.vue b/app/components/admin/ApplicationRow.vue
@@ -5,6 +5,8 @@ const props = defineProps<{
 }>();
 
 const user = props.applicant.user;
+const resume = props.applicant.handles.find((h) => h.key == 'resume')?.value;
+const isResumeAvailable = Boolean(resume);
 </script>
 
 <template>
@@ -39,12 +41,7 @@ const user = props.applicant.user;
           {{ timeAgo(new Date(application.createdAt)) }}
         </div>
       </div>
-      <InputButton
-        variant="secondary"
-        as="a"
-        target="_blank"
-        :href="props.applicant.handles.find((h) => h.key == 'resume')?.value"
-      >
+      <InputButton variant="secondary" as="a" target="_blank" :href="resume" :disabled="!isResumeAvailable">
         View Resume
       </InputButton>
     </div>