mirror of
https://github.com/lukaszraczylo/git-velocity.git
synced 2026-06-05 22:43:56 +00:00
55 lines
1.4 KiB
Vue
55 lines
1.4 KiB
Vue
<script setup>
|
|
import { RouterLink } from 'vue-router'
|
|
import Avatar from './Avatar.vue'
|
|
import { formatNumber } from '../composables/formatters'
|
|
|
|
defineProps({
|
|
contributor: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
showGithubLink: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
columns: {
|
|
type: Array,
|
|
default: () => ['commits', 'prs', 'reviews', 'lines', 'score']
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<RouterLink
|
|
:to="{ name: 'contributor', params: { login: contributor.login } }"
|
|
class="flex items-center space-x-3"
|
|
>
|
|
<Avatar
|
|
:src="contributor.avatar_url"
|
|
:name="contributor.login"
|
|
class="ring-2 ring-transparent group-hover:ring-primary-500 transition-all"
|
|
/>
|
|
<div>
|
|
<div class="font-medium text-white group-hover:text-primary-500 transition-colors">
|
|
{{ contributor.name || contributor.login }}
|
|
</div>
|
|
<div class="text-sm">
|
|
<a
|
|
v-if="showGithubLink"
|
|
:href="`https://github.com/${contributor.login}`"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="font-medium text-gray-400 hover:text-primary-500 transition-colors"
|
|
@click.stop
|
|
>
|
|
@{{ contributor.login }}
|
|
<i class="fas fa-external-link-alt text-xs ml-1 opacity-50"></i>
|
|
</a>
|
|
<span v-else class="font-medium text-gray-400">
|
|
@{{ contributor.login }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</RouterLink>
|
|
</template>
|