gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

refactor: rename Channel to ChannelEntry

Browse source
This commit is contained in:
Twig 2025-07-10 23:00:54 +02:00
parent 7b62d352f8
commit a3feb07e73
No known key found for this signature in database
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

41
components/Guild/ChannelEntry.vue Normal file
View file

@ -0,0 +1,41 @@
<template>
<div v-if="isCurrentChannel" class="channel-list-link-container rounded-corners current-channel" tabindex="0">
<NuxtLink class="channel-list-link" :href="props.href" tabindex="-1">
# {{ props.name }}
</NuxtLink>
</div>
<div v-else class="channel-list-link-container rounded-corners" tabindex="0">
<NuxtLink class="channel-list-link" :href="props.href" tabindex="-1">
# {{ props.name }}
</NuxtLink>
</div>
</template>
<script lang="ts" setup>
const props = defineProps<{ name: string, uuid: string, currentUuid: string, href: string }>();
const isCurrentChannel = props.uuid == props.currentUuid;
</script>
<style scoped>
.channel-list-link {
text-decoration: none;
color: inherit;
padding-left: .25em;
padding-right: .25em;
}
.channel-list-link-container {
text-align: left;
display: flex;
height: 1.5em;
white-space: nowrap;
align-items: center;
}
.current-channel {
background-color: var(--sidebar-highlighted-background-color);
}
</style>