diff options
| author | おさむのひと <46447427+samunohito@users.noreply.github.com> | 2023-11-10 17:49:09 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-11-10 17:49:09 +0900 |
| commit | 253c0c42e2871d3fe4ac959508bed5d93cd01b38 (patch) | |
| tree | 12b6337b927d0354f868e8071f38cccff322a108 /packages/frontend/src/ui/deck/direct-column.vue | |
| parent | aiscript-vscodeのバージョンを更新 (#12299) (diff) | |
| download | misskey-253c0c42e2871d3fe4ac959508bed5d93cd01b38.tar.gz misskey-253c0c42e2871d3fe4ac959508bed5d93cd01b38.tar.bz2 misskey-253c0c42e2871d3fe4ac959508bed5d93cd01b38.zip | |
デッキのカラムからリロードできる機能を追加 (#12274)
* デッキのカラムからリロードできる機能を追加
* tweak
---------
Co-authored-by: osamu <46447427+sam-osamu@users.noreply.github.com>
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/ui/deck/direct-column.vue')
| -rw-r--r-- | packages/frontend/src/ui/deck/direct-column.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/packages/frontend/src/ui/deck/direct-column.vue b/packages/frontend/src/ui/deck/direct-column.vue index 940d2d7609..d8389949dd 100644 --- a/packages/frontend/src/ui/deck/direct-column.vue +++ b/packages/frontend/src/ui/deck/direct-column.vue @@ -4,10 +4,10 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<XColumn :column="column" :isStacked="isStacked"> +<XColumn :column="column" :isStacked="isStacked" :refresher="() => reloadTimeline()"> <template #header><i class="ti ti-mail" style="margin-right: 8px;"></i>{{ column.name }}</template> - <MkNotes :pagination="pagination"/> + <MkNotes ref="tlComponent" :pagination="pagination"/> </XColumn> </template> @@ -16,6 +16,7 @@ import { } from 'vue'; import XColumn from './column.vue'; import { Column } from './deck-store.js'; import MkNotes from '@/components/MkNotes.vue'; +import { reloadStream } from '@/stream.js'; defineProps<{ column: Column; @@ -29,4 +30,15 @@ const pagination = { visibility: 'specified', }, }; + +const tlComponent: InstanceType<typeof MkNotes> = $ref(); + +function reloadTimeline() { + return new Promise<void>((res) => { + tlComponent.pagingComponent?.reload().then(() => { + reloadStream(); + res(); + }); + }); +} </script> |