<template>
	<NcAppNavigationList>
		<NcAppNavigationNewItem :name="t('repod', 'Add a RSS link')" @new-item="addSubscription">
			<template #icon>
				<PlusIcon :size="20" />
			</template>
		</NcAppNavigationNewItem>
	</NcAppNavigationList>
</template>

<script>
import { NcAppNavigationList, NcAppNavigationNewItem } from '@nextcloud/vue'
import PlusIcon from 'vue-material-design-icons/Plus.vue'
import { encodeUrl } from '../../utils/url.js'

export default {
	name: 'AddRss',
	components: {
		NcAppNavigationList,
		NcAppNavigationNewItem,
		PlusIcon,
	},
	methods: {
		addSubscription(feedUrl) {
			this.$router.push(encodeUrl(feedUrl))
		},
	},
}
</script>

<style scoped>
	ul {
		margin-top: 2rem;
	}
</style>
