mirror of https://github.com/elk-zone/elk.git
fix: update cache with poll votes (#598)
This commit is contained in:
parent
15fee71c14
commit
75047e878b
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue