fix sorting options

Signed-off-by: dartcafe <github@dartcafe.de>

Author: dartcafe

src/components/Options/OptionsText.vue

@@ -8,18 +8,15 @@ import { nextTick, useTemplateRef } from 'vue'
 import { useSortable } from '@vueuse/integrations/useSortable'
 
 import { t } from '@nextcloud/l10n'
-import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 
 import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import RestoreIcon from 'vue-material-design-icons/RecycleVariant.vue'
-import TextPollIcon from 'vue-material-design-icons/FormatListBulletedSquare.vue'
 import ConfirmIcon from 'vue-material-design-icons/CheckboxBlankOutline.vue'
 import UnconfirmIcon from 'vue-material-design-icons/CheckboxMarkedOutline.vue'
 
 import OptionItem from './OptionItem.vue'
-import OptionsTextAdd from './OptionsTextAdd.vue'
 import { usePollStore } from '../../stores/poll'
 import { useOptionsStore } from '../../stores/options'
 
@@ -60,8 +57,7 @@ function onSort(event: { oldIndex: number; newIndex: number }) {
 </script>
 
 <template>
-	<OptionsTextAdd v-if="!pollStore.isClosed" />
-	<div v-if="optionsStore.options.length" ref="list" :style="cssVar">
+	<div ref="list" :style="cssVar">
 		<div
 			v-for="option in optionsStore.options"
 			:key="option.id"
@@ -115,15 +111,6 @@ function onSort(event: { oldIndex: number; newIndex: number }) {
 			</OptionItem>
 		</div>
 	</div>
-
-	<NcEmptyContent
-		v-else
-		:name="t('polls', 'No vote options')"
-		:description="t('polls', 'Add some!')">
-		<template #icon>
-			<TextPollIcon />
-		</template>
-	</NcEmptyContent>
 </template>
 
 <style lang="scss">

src/components/SideBar/SideBarTabOptions.vue

@@ -23,6 +23,8 @@ import TextOptionsIcon from 'vue-material-design-icons/FormatListBulletedSquare.
 import OptionsTextAddBulk from '../Options/OptionsTextAddBulk.vue'
 import ActionAddOption from '../Actions/modules/ActionAddOption.vue'
 import { Event } from '../../Types'
+import OptionsTextAdd from '../Options/OptionsTextAdd.vue'
+import { NcEmptyContent } from '@nextcloud/vue'
 
 const optionsStore = useOptionsStore()
 const pollStore = usePollStore()
@@ -100,7 +102,18 @@ onUnmounted(() => {
 				<TextOptionsIcon />
 			</template>
 
-			<OptionsText />
+			<OptionsTextAdd v-if="!pollStore.isClosed" />
+
+			<OptionsText v-if="optionsStore.options.length" />
+
+			<NcEmptyContent
+				v-else
+				:name="t('polls', 'No vote options')"
+				:description="t('polls', 'Add some!')">
+				<template #icon>
+					<TextOptionsIcon />
+				</template>
+			</NcEmptyContent>
 
 			<template #actions>
 				<OptionsTextAddBulk v-if="!pollStore.isClosed" />