fix: tsc error & lint error

Author: halionaz

src/features/post/components/StepFunnel/Step3/index.tsx

@@ -7,7 +7,6 @@ import { useStep3Store } from '@/features/post/stores/Step3Store';
 import { useStep1Store } from '@/features/post/stores/Step1Store';
 
 const Location = () => {
-
   const locationStore = useStep3Store(state => state.location);
   const locationSetter = useStep3Store(state => state.setLocation);
 
@@ -19,7 +18,7 @@ const Location = () => {
       </div>
     </div>
   );
-}
+};
 
 const Address = () => {
   // TODO: 수정하기,,,
@@ -34,14 +33,14 @@ const Address = () => {
       </div>
     </div>
   );
-}
+};
 
 const Step3 = () => {
   const tradeMethodStore = useStep3Store(state => state.tradeMethods);
   const tradeMethodSetter = useStep3Store(state => state.setTradeMethods);
 
-  const isDirect = tradeMethodStore.includes('DIRECT')
-  const isParcel = tradeMethodStore.includes('PARCEL')
+  const isDirect = tradeMethodStore.includes('DIRECT');
+  const isParcel = tradeMethodStore.includes('PARCEL');
   const isRental = useStep1Store(state => state.transactionTypes).includes('RENTAL');
 
   const handleSelectType = (type: TradeMethods) => {

src/features/post/components/TagIcon/index.tsx

@@ -1,10 +1,10 @@
 import HockeyIcon from '@/libs/assets/HockeyIcon';
 import { ICON_MAP } from '@/libs/constants/iconMap';
-import type { ProductType, TradeType, TransactionType } from '@/libs/types/item';
+import type { ProductType, TradeMethods, TransactionType } from '@/libs/types/item';
 
 interface TagIconProps {
   className?: string;
-  type: ProductType | TransactionType | TradeType;
+  type: ProductType | TransactionType | TradeMethods;
 }
 export const TagIcon = ({ className, type }: TagIconProps) => {
   if (type === 'HOCKEY')

src/features/post/components/WriteLayout/header.tsx

@@ -16,10 +16,7 @@ const Header = () => {
   const isStep4Empty = useStep4Store(state => state.isEmpty());
 
   // 모두 다 비워져 있으면 alert를 띄우지 말아야 한다
-  const shouldShow = !(isStep1Empty
-    && isStep2Empty
-    && isStep3Empty
-    && isStep4Empty);
+  const shouldShow = !(isStep1Empty && isStep2Empty && isStep3Empty && isStep4Empty);
 
   const navigator = useNavigate();
 

src/features/post/components/WriteLayout/navigator.tsx

@@ -24,14 +24,7 @@ const Navigator = ({ totalSteps, currentStep, goNext, goPrev, isFirst, isLast }:
   const isStep4Valid = useStep4Store(state => state.isBtnValid());
   const isStep5Valid = useStep5Store(state => state.isBtnValid());
 
-  const isBtnValids = [
-    isStep1Valid,
-    isStep2Valid,
-    isStep3Valid,
-    isStep4Valid,
-    isStep5Valid,
-    true,
-  ];
+  const isBtnValids = [isStep1Valid, isStep2Valid, isStep3Valid, isStep4Valid, isStep5Valid, true];
 
   const label = isLast ? '완료' : '다음';
   const isBtnValid = isBtnValids[currentStep - 1]; // 현재 스텝의 유효성

src/features/post/stores/Step4Store.ts

@@ -32,7 +32,7 @@ export const useStep4Store = create<Step4Store>((set, get) => ({
     const { size, color, quality } = get();
     return size === null && color === null && quality === null;
   },
-    reset: () => {
+  reset: () => {
     set({
       size: null,
       color: null,

src/libs/constants/colorMap.ts

@@ -1,6 +1,6 @@
-import type { ColorType } from '@/libs/types/item';
+import type { Color } from '@/libs/types/item';
 
-export const COLOR_MAP: Record<ColorType, string> = {
+export const COLOR_MAP: Record<Color, string> = {
   CRIMSON: '#C30003',
   BLACK: 'black',
   WHITE: '#F2F2F2',

src/libs/constants/iconMap.tsx

@@ -1,6 +1,6 @@
-import type { ProductType, TradeType, TransactionType } from '@/libs/types/item';
+import type { ProductType, TradeMethods, TransactionType } from '@/libs/types/item';
 
-export const ICON_MAP: Record<Exclude<ProductType, 'HOCKEY'> | TransactionType | TradeType, string> = {
+export const ICON_MAP: Record<Exclude<ProductType, 'HOCKEY'> | TransactionType | TradeMethods, string> = {
   SOCCER: 'mgc_football_fill',
   BASKETBALL: 'mgc_basketball_fill',
   BASEBALL: 'mgc_baseball_fill',