fix: update cache with poll votes (#598)

This commit is contained in:
Daniel Roe 2022-12-28 12:49:47 +01:00 committed by GitHub
parent 15fee71c14
commit 75047e878b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 9 deletions

View file

@ -34,10 +34,7 @@ const isFiltered = $computed(() => filterPhrase && (context && context !== 'deta
<p>{{ status.spoilerText || `${$t('status.filter_hidden_phrase')}: ${filterPhrase}` }}</p> <p>{{ status.spoilerText || `${$t('status.filter_hidden_phrase')}: ${filterPhrase}` }}</p>
</template> </template>
<StatusBody :status="status" :with-action="!isDetails" :class="isDetails ? 'text-xl' : ''" /> <StatusBody :status="status" :with-action="!isDetails" :class="isDetails ? 'text-xl' : ''" />
<StatusPoll <StatusPoll v-if="status.poll" :status="status" />
v-if="status.poll"
:poll="status.poll"
/>
<StatusMedia <StatusMedia
v-if="status.mediaAttachments?.length" v-if="status.mediaAttachments?.length"
:status="status" :status="status"

View file

@ -1,10 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Poll } from 'masto' import type { Status } from 'masto'
const { poll: _poll } = defineProps<{ const { status } = defineProps<{
poll: Poll status: Status
}>() }>()
const poll = reactive({ ..._poll }) const poll = reactive({ ...status.poll! })
function toPercentage(num: number) { function toPercentage(num: number) {
const percentage = 100 * num const percentage = 100 * num
@ -19,7 +19,6 @@ const masto = useMasto()
async function vote(e: Event) { async function vote(e: Event) {
const formData = new FormData(e.target as HTMLFormElement) const formData = new FormData(e.target as HTMLFormElement)
const choices = formData.getAll('choices') as string[] const choices = formData.getAll('choices') as string[]
await masto.poll.vote(poll.id, { choices })
// Update the poll optimistically // Update the poll optimistically
for (const [index, option] of poll.options.entries()) { for (const [index, option] of poll.options.entries()) {
@ -29,6 +28,9 @@ async function vote(e: Event) {
poll.voted = true poll.voted = true
poll.votesCount++ poll.votesCount++
poll.votersCount = (poll.votersCount || 0) + 1 poll.votersCount = (poll.votersCount || 0) + 1
cacheStatus({ ...status, poll }, undefined, true)
await masto.poll.vote(poll.id, { choices })
} }
</script> </script>