diff options
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/ui/deck/list-column.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/packages/frontend/src/ui/deck/list-column.vue b/packages/frontend/src/ui/deck/list-column.vue index c43ccdfabb..14bc6917a3 100644 --- a/packages/frontend/src/ui/deck/list-column.vue +++ b/packages/frontend/src/ui/deck/list-column.vue @@ -9,12 +9,12 @@ SPDX-License-Identifier: AGPL-3.0-only <i class="ti ti-list"></i><span style="margin-left: 8px;">{{ column.name }}</span> </template> - <MkTimeline v-if="column.listId" ref="timeline" src="list" :list="column.listId"/> + <MkTimeline v-if="column.listId" ref="timeline" src="list" :list="column.listId" :withRenotes="withRenotes"/> </XColumn> </template> <script lang="ts" setup> -import { } from 'vue'; +import { watch } from 'vue'; import XColumn from './column.vue'; import { updateColumn, Column } from './deck-store'; import MkTimeline from '@/components/MkTimeline.vue'; @@ -27,11 +27,18 @@ const props = defineProps<{ }>(); let timeline = $shallowRef<InstanceType<typeof MkTimeline>>(); +const withRenotes = $ref(props.column.withRenotes ?? true); if (props.column.listId == null) { setList(); } +watch($$(withRenotes), v => { + updateColumn(props.column.id, { + withRenotes: v, + }); +}); + async function setList() { const lists = await os.api('users/lists/list'); const { canceled, result: list } = await os.select({ @@ -62,5 +69,10 @@ const menu = [ text: i18n.ts.editList, action: editList, }, + { + type: 'switch', + text: i18n.ts.showRenotes, + ref: $$(withRenotes), + }, ]; </script> |