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

Refactor the client to implement a channel navbar #76

Open
twig wants to merge 23 commits from navbar into main
pull from: navbar
merge into: gorb:main
Conversation 3 Commits 23 Files changed 13 +4 -4
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 5ca4762f01 - Show all commits

4
components/UserInterface/Navbar.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div id="navbar"> <div id="navbar">
<div v-for="entry of props.clientItems" id="navbar-left"> <div v-if="props.clientItems" v-for="entry of props.clientItems" id="navbar-left">
<button class="navbar-item" :title="entry.title" <button class="navbar-item" :title="entry.title"
@click.prevent="entry.callback()"> @click.prevent="entry.callback()">
<Icon :name="entry.icon" class="navbar-item-icon" /> <Icon :name="entry.icon" class="navbar-item-icon" />
@ -20,7 +20,7 @@
{{ props.contextName }} {{ props.contextName }}
</div> </div>
</div> </div>
<div v-for="entry of props.channelItems" id="navbar-right"> <div v-if="props.channelItems" v-for="entry of props.channelItems" id="navbar-right">
<button class="navbar-item" :title="entry.title" <button class="navbar-item" :title="entry.title"
@click.prevent="entry.callback()"> @click.prevent="entry.callback()">
<Icon :name="entry.icon" class="navbar-item-icon" /> <Icon :name="entry.icon" class="navbar-item-icon" />

4
types/interfaces.ts
View file

@ -130,8 +130,8 @@ export interface NavbarItem {
} }
export interface NavbarInterface { export interface NavbarInterface {
clientItems: NavbarItem[] clientItems?: NavbarItem[]
channelItems: NavbarItem[] // search bar will require some changes channelItems?: NavbarItem[] // search bar will require some changes
contextName?: string contextName?: string
contextIcon?: string contextIcon?: string
guildUuid?: string guildUuid?: string