[fe] chore: 로그인 혹은 댓글이 있는 경우에만 댓글창이 보이도록 수정

Denia-park · Mar 17, 2024 · d08fb52 · d08fb52
1 parent cd9f01a
commit d08fb52
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/my-garden-fe/src/components/boards/common/BoardView.vue b/my-garden-fe/src/components/boards/common/BoardView.vue
@@ -53,6 +53,10 @@ function submitComment() {
   emit('submitComment', comment.value);
   comment.value = '';
 }
+
+function isCommentBoxActive() {
+  return props.comments.length > 0 || isLogin();
+}
 </script>
 
 <template>
@@ -84,7 +88,7 @@ function submitComment() {
     <!--      </div>-->
     <!--    </div>-->
 
-    <div v-if="isAbleToReply()" class="detail_comment_box">
+    <div v-if="isAbleToReply()" :class="isCommentBoxActive() ? 'detail_comment_box' : ''">
       <div v-if="isLogin()">
         <div class="comment_submit_box">
           <input v-model="comment" class="input_box" placeholder="댓글을 입력해주세요" type="text">