Merge pull request #57 from leejaeseong11/fix-room

feat: connect api data
leejaeseong11 · Dec 16, 2023 · ff22c94 · ff22c94
2 parents 3782d16 + 2df5e94
commit ff22c94
Show file tree

Hide file tree

Showing 3 changed files with 160 additions and 58 deletions.
diff --git a/src/components/home/MainHomeRoom.vue b/src/components/home/MainHomeRoom.vue
@@ -66,7 +66,7 @@ import sweetAlert from '../../util/modal.js'
 
 export default {
   name: 'MainHomeRoom',
-  props: ['roomInfo'],
+  props: ['roomInfo', 'memberNo'],
   data() {
     return {
       modalCheck: false,
@@ -88,11 +88,19 @@ export default {
         addMemberUrl = `${this.backURL}/room-member`
       }
       apiClient
-        .post(addMemberUrl, {}, {
-          headers: {
-            'Content-Type': 'application/json'
+        .post(
+          addMemberUrl,
+          {
+            memberNo: this.memberNo,
+            roomNo: this.roomInfo.roomNo,
+            hostStatus: 0
+          },
+          {
+            headers: {
+              'Content-Type': 'application/json'
+            }
           }
-        })
+        )
         .then((response) => {
           console.log(response)
           this.$router.push({ path: `/room/${this.roomInfo.roomNo}` })

diff --git a/src/components/room/RoomMember.vue b/src/components/room/RoomMember.vue
@@ -6,7 +6,9 @@
         id="room-manager-icon"
         :icon="['fas', 'crown']"
       />
-      <button v-show="member.hostStatus == 1" class="room-resign-button">x</button>
+      <button v-show="(member.hostStatus == 1) & isRoomManager" class="room-resign-button">
+        x
+      </button>
       <img
         class="profile-image"
         :src="'/images/icon/' + member.memberProfileImg + '.png'"
@@ -30,13 +32,20 @@
   ></div>
 </template>
 <script>
+import { apiClient } from '@/axios-interceptor'
+
 export default {
   name: 'RoomMember',
   props: ['member'],
   data() {
     return {
       isRoomManager: false
     }
+  },
+  mounted() {
+    apiClient.get(`${this.backURL}/room-member`).then((response) => {
+      console.log(response)
+    })
   }
 }
 </script>