From 9109c25d3d1e33bdd4a263c487258a33a54850e0 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Mon, 21 Nov 2022 15:41:18 +0100
Subject: [PATCH] wip: add NotificationList story

---
 .../notifications/NotificationList.story.vue  | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/notifications/NotificationList.story.vue

diff --git a/src/components/notifications/NotificationList.story.vue b/src/components/notifications/NotificationList.story.vue
new file mode 100644
index 000000000..f79b57521
--- /dev/null
+++ b/src/components/notifications/NotificationList.story.vue
@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+import {reactive} from 'vue'
+import type {INotification} from '@/modelTypes/INotification'
+import NotificationList from './NotificationList.vue'
+
+const state = reactive({
+	notifications: [] as INotification[],
+	hasUnreadNotifications: true,
+})
+
+function markNotificationAsRead(notificatioItem: INotification) {
+	console.log(notificatioItem)
+}
+</script>
+
+<template>
+  <Story>
+		<NotificationList
+			:notifications="state.notifications"
+			:hasUnreadNotifications="state.hasUnreadNotifications"
+			@mark-notification-as-read="markNotificationAsRead"
+		/>
+  </Story>
+</template>
\ No newline at end of file