From ff0787f75eadd1cd7988a5c9fdefb3d486c34112 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Sun, 31 Dec 2023 01:51:51 -0500
Subject: [PATCH] refactor(components): change story overview card

make it show actions at the bottom depending on a prop `showActions`
---
 components/listings/singleStory.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/listings/singleStory.vue b/components/listings/singleStory.vue
index ad60aca..9e91c7a 100644
--- a/components/listings/singleStory.vue
+++ b/components/listings/singleStory.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 	import type { IStory } from "@models/stories";
+	import StoryActions from "~/components/story/atoms/actions.vue";
 	import { format } from "date-fns";
 	import icon from "../icon.vue";
 	import { theme } from "ant-design-vue";
@@ -9,7 +10,7 @@
 	const { token } = useToken();
 	const dark = inject<Ref<boolean>>("dark");
 	const { data } = useAuth();
-	let prop = defineProps<{ story: IStory; last?: boolean }>();
+	let prop = defineProps<{ story: IStory; last?: boolean; showActions?: boolean }>();
 	const idxo = (prop.last || false ? prop.story.chapters.length : 1) - 1;
 	// console.log("idx0->", idxo)
 	// log.debug("posti->", prop.story.chapters[ prop.story.chapters.length - 1 ]);
@@ -161,6 +162,9 @@
 				</span>
 			</span>
 		</div>
+		<template #actions v-if="showActions || false">
+			<story-actions :story="story" />
+		</template>
 	</a-card>
 </template>
 <style>