show item info button

This commit is contained in:
2024-05-18 22:38:55 +02:00
parent f677a1d61b
commit 3fd4f5080d

View File

@@ -1,5 +1,6 @@
<script setup lang="ts">
import { ClipboardButton } from '@/components';
import { InformationCircleIcon } from '@heroicons/vue/24/outline';
interface Props {
@@ -20,6 +21,11 @@ withDefaults(defineProps<Props>(), {
<img v-if="id" :src="`https://images.evetech.net/types/${id}/icon`" class="inline-block w-5 h-5 me-1" alt="" />
<template v-if="name">
{{ name }}
<RouterLink :to="{ name: 'market-types', params: { type: id } }" custom v-slot="{ navigate }">
<button class="btn-icon me-1" title="Show item info" @click="navigate">
<InformationCircleIcon />
</button>
</RouterLink>
<ClipboardButton v-if="!hideCopy" :value="name" />
</template>
</div>