From 2bcd04cd82034e5abf43ec2a02008337352f79cc Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Fri, 7 Nov 2025 01:28:55 +0800
Subject: [PATCH] :sparkles: Post quick reply component

---
 app/components/Post/PostQuickReply.vue | 22 ++++++++++++++++++++++
 app/components/Post/RepliesList.vue    |  3 +++
 2 files changed, 25 insertions(+)
 create mode 100644 app/components/Post/PostQuickReply.vue

diff --git a/app/components/Post/PostQuickReply.vue b/app/components/Post/PostQuickReply.vue
new file mode 100644
index 0000000..8e6fd88
--- /dev/null
+++ b/app/components/Post/PostQuickReply.vue
@@ -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>
diff --git a/app/components/Post/RepliesList.vue b/app/components/Post/RepliesList.vue
index fb0b69e..50c192d 100644
--- a/app/components/Post/RepliesList.vue
+++ b/app/components/Post/RepliesList.vue
@@ -1,5 +1,7 @@
 <template>
   <div class="replies-list">
+    <post-quick-reply v-if="!props.hideQuickReply" />
+
     <!-- Error State -->
     <v-alert
       v-if="hasError"
@@ -60,6 +62,7 @@ const router = useRouter()
 
 const props = defineProps<{
   params: RepliesListParams
+  hideQuickReply: boolean
 }>()
 
 defineEmits<{