29 lines
944 B
Vue
29 lines
944 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { theme } from "ant-design-vue";
|
||
|
|
import { IStory } from "@models/stories";
|
||
|
|
import { deleteStory } from "@client/storyActions";
|
||
|
|
const props = defineProps<{ story: IStory }>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<a-popconfirm title="Are you sure you want to delete this story?" @confirm="() => deleteStory(story._id!)">
|
||
|
|
<a-tooltip title="Delete">
|
||
|
|
<a-button type="ghost">
|
||
|
|
<icon istyle="regular" name="trash" :icolor="theme.useToken().token.value.colorError" />
|
||
|
|
</a-button>
|
||
|
|
</a-tooltip>
|
||
|
|
</a-popconfirm>
|
||
|
|
<a-tooltip title="Edit">
|
||
|
|
<a-button type="ghost" @click="$router.push(`/story/${story._id}/edit`)">
|
||
|
|
<icon istyle="regular" name="pen-to-square" />
|
||
|
|
</a-button>
|
||
|
|
</a-tooltip>
|
||
|
|
<a-tooltip title="View">
|
||
|
|
<a-button type="ghost" @click="$router.push(`/story/${story._id}/${story.chapters.length}`)">
|
||
|
|
<icon istyle="regular" name="eye" />
|
||
|
|
</a-button>
|
||
|
|
</a-tooltip>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|