mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 03:57:52 +00:00
35508feaae
Co-authored-by: Shivam Mishra <scm.mymail@gmail.com> Co-authored-by: iamsivin <iamsivin@gmail.com>
57 lines
1.2 KiB
Vue
57 lines
1.2 KiB
Vue
<template>
|
|
<div class="flex flex-row justify-between">
|
|
<div
|
|
class="flex items-center justify-center gap-1 h-[24px] px-2 py-1 border rounded-lg border-ash-200"
|
|
>
|
|
<fluent-icon
|
|
icon="linear"
|
|
size="19"
|
|
class="text-[#5E6AD2]"
|
|
view-box="0 0 19 19"
|
|
/>
|
|
<span class="text-xs font-medium text-ash-900">{{ identifier }}</span>
|
|
</div>
|
|
<div class="flex items-center gap-0.5">
|
|
<woot-button
|
|
variant="clear"
|
|
color-scheme="secondary"
|
|
class="h-[24px]"
|
|
@click="unlinkIssue"
|
|
>
|
|
<fluent-icon icon="unlink" size="12" type="outline" icon-lib="lucide" />
|
|
</woot-button>
|
|
<woot-button
|
|
variant="clear"
|
|
class="h-[24px]"
|
|
color-scheme="secondary"
|
|
@click="openIssue"
|
|
>
|
|
<fluent-icon icon="arrow-up-right" size="14" />
|
|
</woot-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
identifier: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
issueUrl: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(['unlink-issue']);
|
|
|
|
const unlinkIssue = () => {
|
|
emit('unlink-issue');
|
|
};
|
|
|
|
const openIssue = () => {
|
|
window.open(props.issueUrl, '_blank');
|
|
};
|
|
</script>
|