Merge pull request #121 from TaskFlow-CLAP/CLAP-316

CLAP-316 코드 프리징 전 코드 점검

Author: Minkyu0424

src/api/user.ts

@@ -38,7 +38,7 @@ export const changeProcessor = async (taskID: number, processorId: number) => {
 }
 
 export const patchChangeStatus = async (taskID: number, status: Status) => {
-  const response = await axiosInstance.patch(`/api/tasks/${taskID}/status`, status)
+  const response = await axiosInstance.patch(`/api/tasks/${taskID}/status`, { status })
   return response.data
 }
 
@@ -54,12 +54,15 @@ export const getHistory = async (taskID: number | null) => {
 }
 
 export const postComment = async (taskID: number, content: string) => {
-  const response = await axiosInstance.post(`/api/comments/${taskID}`, { content })
+  const response = await axiosInstance.post(`/api/tasks/${taskID}/comments`, { content })
   return response.data
 }
 
 export const postCommentAttachment = async (taskID: number, formdata: FormData) => {
-  const response = await formDataAxiosInstance.post(`/api/comments/attachment/${taskID}`, formdata)
+  const response = await formDataAxiosInstance.post(
+    `/api/tasks/${taskID}/comments/attachment`,
+    formdata
+  )
   return response.data
 }
 
@@ -82,3 +85,8 @@ export const cancelTaskUser = async (taskId: number) => {
   const response = await axiosInstance.patch(`/api/tasks/${taskId}/cancel`)
   return response.data
 }
+
+export const getSubCategoryDetail = async (categoryId: number) => {
+  const response = await axiosInstance.get(`/api/sub-categories/${categoryId}`)
+  return response.data
+}

src/components/api-logs/ApiLogsFilterBar.vue

@@ -27,12 +27,12 @@
 <script setup lang="ts">
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { useLogsParamsStore } from '@/stores/params'
-import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
 import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
-import { useLogsParamsChange } from '../hooks/useLogsParamsChange'
 import FilterIpAddress from '../filters/FilterIpAddress.vue'
 import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useLogsParamsStore } from '@/stores/params'
 
 const store = useLogsParamsStore()
 store.$reset()

src/components/api-logs/ApiLogsListBar.vue

@@ -12,11 +12,11 @@
 </template>
 
 <script setup lang="ts">
-import { useLogsParamsStore } from '@/stores/params'
-import ListBarTab from '../lists/ListBarTab.vue'
 import { LOGS_LIST_BAR_TAB } from '@/constants/admin'
-import { useLogsParamsChange } from '../hooks/useLogsParamsChange'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { useLogsParamsStore } from '@/stores/params'
 import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useLogsParamsStore()
 const orderRequest = computed(() => ({

src/components/LineChart.vue src/components/charts/LineChart.vuesrc/components/LineChart.vue renamed to src/components/charts/LineChart.vue

@@ -22,8 +22,8 @@ import {
   Colors,
   Filler
 } from 'chart.js'
-import NoContent from './lists/NoContent.vue'
 import type { PeriodType } from '@/types/manager'
+import NoContent from '../lists/NoContent.vue'
 
 ChartJS.register(
   Title,

src/components/PieChart.vue src/components/charts/PieChart.vuesrc/components/PieChart.vue renamed to src/components/charts/PieChart.vue

@@ -22,8 +22,8 @@ import {
   type ChartEvent,
   type ActiveElement
 } from 'chart.js'
-import NoContent from './lists/NoContent.vue'
 import type { PeriodType } from '@/types/manager'
+import NoContent from '../lists/NoContent.vue'
 ChartJS.register(Title, Tooltip, Legend, ArcElement, Colors)
 
 const { labels, series, periodType, content } = defineProps<{

src/components/EditInformation.vue src/components/common/EditInformation.vuesrc/components/EditInformation.vue renamed to src/components/common/EditInformation.vue

@@ -101,6 +101,7 @@
     <div>
       <p class="text-body text-xs font-bold">비밀번호 재설정</p>
       <button
+        type="button"
         class="button-medium-secondary mt-2"
         @click="handlePwChange">
         재설정하기
@@ -116,16 +117,16 @@
 </template>
 
 <script lang="ts" setup>
+import { useMemberStore } from '@/stores/member'
+import { storeToRefs } from 'pinia'
 import { nextTick, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from './ModalView.vue'
-import FormButtonContainer from './common/FormButtonContainer.vue'
-import FormCheckbox from './common/FormCheckbox.vue'
-const router = useRouter()
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
 import { patchEditInfo } from '@/api/common'
-import ImageContainer from './common/ImageContainer.vue'
+import FormButtonContainer from './FormButtonContainer.vue'
+import FormCheckbox from './FormCheckbox.vue'
+import ImageContainer from './ImageContainer.vue'
+const router = useRouter()
 
 const memberStore = useMemberStore()
 const { info } = storeToRefs(memberStore)

src/components/common/FormButtonContainer.vue

@@ -2,11 +2,13 @@
   <div class="w-full mt-4 flex justify-center">
     <div class="w-[400px] flex gap-6">
       <button
+        type="button"
         class="button-large-default"
         @click="handleCancel">
         {{ cancelText }}
       </button>
       <button
+        type="button"
         class="button-large-primary"
         @click="handleSubmit">
         {{ submitText }}

src/components/ModalView.vue src/components/common/ModalView.vuesrc/components/ModalView.vue renamed to src/components/common/ModalView.vue

@@ -39,13 +39,15 @@
         </div>
 
         <button
+          type="button"
           class="button-large-primary"
           v-if="type == 'successType'"
           @click="closeModal">
           확인
         </button>
 
         <button
+          type="button"
           class="button-large-default"
           v-if="type == 'failType'"
           @click="closeModal">
@@ -56,11 +58,13 @@
           class="flex items-center gap-6"
           v-if="type == 'warningType' || type == 'inputType'">
           <button
+            type="button"
             class="button-large-default"
             @click="closeModal">
             취소
           </button>
           <button
+            type="button"
             class="button-large-red"
             @click="confirmModal">
             {{ type === 'inputType' ? '거부' : '삭제' }}
@@ -72,9 +76,8 @@
 </template>
 
 <script setup lang="ts">
+import { failIcon, successIcon, warningIcon } from '@/constants/iconPath'
 import { ref, watch } from 'vue'
-import CommonIcons from './common/CommonIcons.vue'
-import { successIcon, failIcon, warningIcon } from '../constants/iconPath'
 
 const props = defineProps<{
   isOpen: boolean

src/components/OrderIcon.vue src/components/common/OrderIcon.vuesrc/components/OrderIcon.vue renamed to src/components/common/OrderIcon.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import ModalView from '../ModalView.vue'
+import ModalView from './ModalView.vue'
 
 const { type, isOpen, message } = defineProps<{
   type: string