diff --git a/src/components/PostSearch/PostSearchFilterList.tsx b/src/components/PostSearch/PostSearchFilterList.tsx index f1696649..8b390ce2 100644 --- a/src/components/PostSearch/PostSearchFilterList.tsx +++ b/src/components/PostSearch/PostSearchFilterList.tsx @@ -1,40 +1,44 @@ import Tag from '@/components/Common/Tag'; import FilterIcon from '@/assets/icons/FilterIcon.svg?react'; +import { FILTER_CATEGORY } from '@/constants/postSearch'; + +// tag 더미데이터 +const TAG_LIST = [ + { + category: FILTER_CATEGORY.INDUSTRY, + value: 'GENERAL_INTERPRETATION_TRANSLATION', + }, + { + category: FILTER_CATEGORY.VISA, + value: 'D-2-1', + }, + { + category: FILTER_CATEGORY.EMPLOYMENT_TYPE, + value: 'PARTTIME', + }, + { + category: FILTER_CATEGORY.RECRUITMENT_PERIOD, + value: 'OPENING', + }, +]; const PostSearchFilterList = () => { return (
- console.log(value)} - padding="0.313rem 0.5rem 0.313rem 0.75rem" - isRounded={true} - hasCheckIcon={false} - backgroundColor={'#FEF387'} - color="#1E1926" - fontStyle="body-3" - /> - console.log(value)} - padding="0.313rem 0.5rem 0.313rem 0.75rem" - isRounded={true} - hasCheckIcon={false} - backgroundColor={'#FEF387'} - color="#1E1926" - fontStyle="body-3" - /> - console.log(value)} - padding="0.313rem 0.5rem 0.313rem 0.75rem" - isRounded={true} - hasCheckIcon={false} - backgroundColor={'#FEF387'} - color="#1E1926" - fontStyle="body-3" - /> + {TAG_LIST.map((value, index) => ( + console.log(value)} + padding="0.313rem 0.5rem 0.313rem 0.75rem" + isRounded={true} + hasCheckIcon={false} + backgroundColor={'#FEF387'} + color="#1E1926" + fontStyle="body-3" + /> + ))}
+ {JOB_POSTING_LIST?.length ? ( JOB_POSTING_LIST.map((value: JobPostingItemType) => ( diff --git a/src/constants/postSearch.ts b/src/constants/postSearch.ts new file mode 100644 index 00000000..ebeeac5c --- /dev/null +++ b/src/constants/postSearch.ts @@ -0,0 +1,13 @@ +export const enum FILTER_CATEGORY { + REGION_1DEPTH = 'region_1depth', // 시, 도 + REGION_2DEPTH = 'region_2depth', // 구 + REGION_3DEPTH = 'region_3depth', // 동 + INDUSTRY = 'industry', + WORK_PERIOD = 'work_period', + WORK_DAYS_PER_WEEK = 'work_days_per_week', + WORKING_DAY = 'working_day', + WORKING_HOURS = 'working_hours', + RECRUITMENT_PERIOD = 'recruitment_period', + EMPLOYMENT_TYPE = 'employment_type', + VISA = 'visa', +}