teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: avoid bar width division by zero (#1826)

Browse source
This commit is contained in:
Zaidhaan 2023-03-01 05:44:15 +08:00 committed by GitHub
parent a5cece7b42
commit 2842a5f383
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/status/StatusPoll.vue
View file

@ -57,7 +57,7 @@ const votersCount = $computed(() => poll.votersCount ?? poll.votesCount ?? 0)
<div <div
v-for="(option, index) of poll.options" v-for="(option, index) of poll.options"
:key="index" py-1 relative :key="index" py-1 relative
:style="{ '--bar-width': toPercentage((option.votesCount || 0) / votersCount) }" :style="{ '--bar-width': toPercentage(votersCount === 0 ? 0 : (option.votesCount ?? 0) / votersCount) }"
> >
<div flex justify-between pb-2 w-full> <div flex justify-between pb-2 w-full>
<span inline-flex align-items> <span inline-flex align-items>
@ -67,7 +67,7 @@ const votersCount = $computed(() => poll.votersCount ?? poll.votesCount ?? 0)
<span text-primary-active> {{ formatPercentage(votersCount > 0 ? (option.votesCount || 0) / votersCount : 0) }}</span> <span text-primary-active> {{ formatPercentage(votersCount > 0 ? (option.votesCount || 0) / votersCount : 0) }}</span>
</div> </div>
<div class="bg-gray/40" rounded-l-sm rounded-r-lg h-5px w-full> <div class="bg-gray/40" rounded-l-sm rounded-r-lg h-5px w-full>
<div bg-primary-active h-full class="w-[var(--bar-width)]" /> <div bg-primary-active h-full min-w="1%" class="w-[var(--bar-width)]" />
</div> </div>
</div> </div>
</template> </template>