diff --git a/packages/frontend/src/ui/deck/antenna-column.vue b/packages/frontend/src/ui/deck/antenna-column.vue index e7ebee24ad..3bad14421c 100644 --- a/packages/frontend/src/ui/deck/antenna-column.vue +++ b/packages/frontend/src/ui/deck/antenna-column.vue @@ -40,11 +40,13 @@ const antennaName = ref(null); onMounted(() => { if (props.column.antennaId == null) { setAntenna(); - } else { + } +}); + +watch([() => props.column.name, () => props.column.antennaId], () => { + if (!props.column.name && props.column.antennaId) { misskeyApi('antennas/show', { antennaId: props.column.antennaId }) - .then(value => { - antennaName.value = value.name; - }); + .then(value => antennaName.value = value.name); } }); diff --git a/packages/frontend/src/ui/deck/channel-column.vue b/packages/frontend/src/ui/deck/channel-column.vue index ce9c1d70e4..876e0bed44 100644 --- a/packages/frontend/src/ui/deck/channel-column.vue +++ b/packages/frontend/src/ui/deck/channel-column.vue @@ -47,7 +47,11 @@ const channelName = ref(null); onMounted(() => { if (props.column.channelId == null) { setChannel(); - } else { + } +}); + +watch([() => props.column.name, () => props.column.channelId], () => { + if (!props.column.name && props.column.channelId) { misskeyApi('channels/show', { channelId: props.column.channelId }) .then(value => channelName.value = value.name); } diff --git a/packages/frontend/src/ui/deck/list-column.vue b/packages/frontend/src/ui/deck/list-column.vue index 71d6bf9f18..5c196c56be 100644 --- a/packages/frontend/src/ui/deck/list-column.vue +++ b/packages/frontend/src/ui/deck/list-column.vue @@ -41,7 +41,11 @@ const listName = ref(null); onMounted(() => { if (props.column.listId == null) { setList(); - } else { + } +}); + +watch([() => props.column.name, () => props.column.listId], () => { + if (!props.column.name && props.column.listId) { misskeyApi('users/lists/show', { listId: props.column.listId }) .then(value => listName.value = value.name); } diff --git a/packages/frontend/src/ui/deck/role-timeline-column.vue b/packages/frontend/src/ui/deck/role-timeline-column.vue index 67e43650dd..1b1a5d3257 100644 --- a/packages/frontend/src/ui/deck/role-timeline-column.vue +++ b/packages/frontend/src/ui/deck/role-timeline-column.vue @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only