✨ Post quick reply component
This commit is contained in:
22
app/components/Post/PostQuickReply.vue
Normal file
22
app/components/Post/PostQuickReply.vue
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
<template>
|
||||||
|
<v-card
|
||||||
|
title="Post your reply"
|
||||||
|
prepend-icon="mdi-post-lamp"
|
||||||
|
flat
|
||||||
|
border
|
||||||
|
density="comfortable"
|
||||||
|
>
|
||||||
|
<v-card-text>
|
||||||
|
<v-textarea
|
||||||
|
placeholder="Talk about this post for a bit."
|
||||||
|
disabled
|
||||||
|
max-rows="5"
|
||||||
|
auto-grow
|
||||||
|
:hide-details="true"
|
||||||
|
></v-textarea>
|
||||||
|
<div class="flex justify-end mt-4">
|
||||||
|
<v-btn append-icon="mdi-send">Send</v-btn>
|
||||||
|
</div>
|
||||||
|
</v-card-text>
|
||||||
|
</v-card>
|
||||||
|
</template>
|
||||||
@@ -1,5 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="replies-list">
|
<div class="replies-list">
|
||||||
|
<post-quick-reply v-if="!props.hideQuickReply" />
|
||||||
|
|
||||||
<!-- Error State -->
|
<!-- Error State -->
|
||||||
<v-alert
|
<v-alert
|
||||||
v-if="hasError"
|
v-if="hasError"
|
||||||
@@ -60,6 +62,7 @@ const router = useRouter()
|
|||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
params: RepliesListParams
|
params: RepliesListParams
|
||||||
|
hideQuickReply: boolean
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
defineEmits<{
|
defineEmits<{
|
||||||
|
|||||||
Reference in New Issue
Block a user