b7a7e5a0d3
* feat: Inbox view * feat: Bind real values * chore: code cleanup * feat: add observer * fix: Inbox icon * chore: more code cleanup * chore: Replace conversation id * chore: Minor fix * chore: Hide from side bar * chore: Fix eslint * chore: Minor fix * fix: dark mode color * chore: Minor fix * feat: Add description for each notification types * chore: remove commented code * Update InboxList.vue * Update InboxView.vue * chore: fix specs * fix: specs * Update InboxView.vue --------- Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
55 lines
1.0 KiB
Vue
55 lines
1.0 KiB
Vue
<script>
|
|
import PaginationButton from './PaginationButton.vue';
|
|
|
|
export default {
|
|
components: {
|
|
PaginationButton,
|
|
},
|
|
props: {
|
|
totalLength: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
currentIndex: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
},
|
|
methods: {
|
|
onSnooze() {},
|
|
onDelete() {},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="flex gap-2 py-2 pl-4 h-14 pr-2 justify-between items-center w-full border-b border-slate-50 dark:border-slate-800/50"
|
|
>
|
|
<pagination-button
|
|
:total-length="totalLength"
|
|
:current-index="currentIndex"
|
|
/>
|
|
<div class="flex items-center gap-2">
|
|
<woot-button
|
|
variant="hollow"
|
|
size="small"
|
|
color-scheme="secondary"
|
|
icon="snooze"
|
|
@click="onSnooze"
|
|
>
|
|
Snooze
|
|
</woot-button>
|
|
<woot-button
|
|
icon="delete"
|
|
size="small"
|
|
color-scheme="secondary"
|
|
variant="hollow"
|
|
@click="onDelete"
|
|
>
|
|
Delete notification
|
|
</woot-button>
|
|
</div>
|
|
</div>
|
|
</template>
|