팝업창 UI 기능 구현 #21
Comments
mjsdo
added a commit
that referenced
this issue
Jun 18, 2022
mjsdo
added a commit
that referenced
this issue
Jun 18, 2022
mjsdo
added a commit
that referenced
this issue
Jun 18, 2022
mjsdo
added a commit
that referenced
this issue
Jun 18, 2022
muffin9
pushed a commit
that referenced
this issue
Jun 19, 2022
* feat: #21 이슈 페이지의 z-index 추가 * refactor: #21 FilterPopup의 position제거 position 제거 * refactor: #21 이슈 페이지 z-index 적용 * design: #21 FilterBar 필터 팝업 레이아웃 * design: #21 FilterBar 필터 팝업 레이아웃 * design: #21 필터 팝업에 Animation과 box-shadow 추가 * design: #21 Circle 색상 변경 * design: #21 필터 팝업 스타일 작업 color, height등 조절
mjsdo
added a commit
that referenced
this issue
Jun 22, 2022
* [FE] Issue Page Header * style: #8 GlobalStyle 수정 - box-sizing - button * feat: #4 Tab 컴포넌트 추가 * style: #8 mixin, theme 수정 - lineHeight 제거 - Flexbox, AlignPos 인터페이스 옵셔널로 변경 * feat: #4 페이지 헤더 추가 - 페이지 헤더 구성: Logo, User Avatar - 로고 크기 조절 * feat: #8 Tab List 추가 * fix: #8 로고 스타일 컴포넌트 이름 수정 * feat: #4 페이지 헤더영역 - Logo에 Link추가 (/issue) - User Avatar - 페이지 헤더 영역에 z-index 추가 - theme 인터페이스에 ZIndex 추가 * design: #4 Tab List - display를 inline-flex로 변경 * design: #4 Layout 컴포넌트 기본 스타일 추가 * feat: #4 FilterBar 추가 * design: #4 Tab height 추가 * design: #4 User Avatar border width 조절 - 3px -> 2px * design: #4 Tab 스타일 - 각 Tab의 height를 TabList에 적용하는 것으로 변경 - border를 TabList에 적용하는 것으로 변경 - Tab 스타일을 TabLayer의 style.ts가 아닌, Tab의 style.ts에서 적용하도록 변경 - isActive Props 추가 * feat: #4 Tab에 isActive Props 추가 * chore: lint 추가 - no-nested-ternary: off - react/function-component-definition: off * feat: #4 Button 컴포넌트 추가 - Button 컴포넌트 추가 * refactor: IconPage, ButtonPage 추가 - IconPage, ButtonPage 임시로 라우팅 경로에 추가 - fieldset, legend Global 속성 초기화 제거 * design: #4 Button 컴포넌트 display 변경 - flex -> inline-flex로 변경 * refactor: pages 각 페이지 하위 디렉토리 추가 * refactor: px -> rem * feat: #8 IssuePage 헤더영역 레이아웃 * chore: ArrowDown Icon Asset 추가 * design: ArrowDown 컴포넌트 추가 * refactor: 임시로 사용하던 Search 아이콘을 ArrowDown 아이콘으로 대체 * feat: label, milestone 페이지에 TabList 추가 * feat: #8 각 탭에 라우팅 적용 * design: #8 Button font-size 적용 * design: #8 Tab의 border 스타일 적용 - Link가 추가되어서 스타일 업데이트. * feat: #8 TextButton 추가 - * feat: Buttons 페이지에 TextButton 업데이트 * refactor: mixin 업데이트 - AlignPos 인터페이스 수정 * refactor: #4 버튼 컴포넌트 인터페이스 수정 - React.ComponentPropsWithoutRef 적용 - disabled 삭제(이미 위에 포함되기 때문에) * feat: #4 로그인 버튼 추가 * feat: mixin 추가 - simpleOpacityTransition 추가 * refactor: Issue Page Header 리팩토링 - 헤더의 마진값 설정 * [Muffin] Issue Main 영역 작업 진행중 * chore: emtion css를 사용하기 위해 tsconfig 설정 jsxImportSource속성 추가 * feat: issuePage 작업 진행 시작 * feat: 이슈 작업 진행 중 (주로 UI 작업, 더미데이터 이슈 뿌려주기 테스팅) * refactor: 컴포넌트 스타일 파일 분리 * feat: 열린 이슈, 닫힌 이슈 더미데이터로 뿌려주기, 클릭할때마다 색상 변경 * style: Issue Item component 스타일 theme 사용하여 수정 * feat: 이슈 네비게이션 Filter 쪽 작업 진행, Popup 컴포넌트 재사용용도로 분리 작업 진행중 * feat: 팝업 바깥쪽 클릭시 닫히는 hooks * feat: 네비게이션 => 담당자 작성자 데이터 임시 작업 진행 * [FE] Login Page UI * feat: #6 로그인 페이지 UI 구현 * feat: #6 로그인 버튼에 onClick 추가 - /issue로 라우팅 (임시) * feat: #4 utility types 추가 - 재사용 가능한 컴포넌트를 만들기 위해 필요 * refactor: #4 UserAvatar 분리 * refactor: #6 User Avatar 수정 - tag type을 button으로 바꿈 * refactor: #4 버튼 컴포넌트 interface 변경 - util type을 이용하여 인터페이스 변경 - 재사용 가능한 버튼 만들기 * refactor: App 컴포넌트 단순화 - 이슈 페이지 등 따로 분리하였으므로 App 컴포넌트를 단순화 * refactor: Button Page 업데이트 * refactor: IssuePage 디렉토리 변경 * [Muffin] 이슈 메인 팝업창 컴포넌트 리팩토링 * chore: emtion css를 사용하기 위해 tsconfig 설정 jsxImportSource속성 추가 * feat: issuePage 작업 진행 시작 * feat: 이슈 작업 진행 중 (주로 UI 작업, 더미데이터 이슈 뿌려주기 테스팅) * refactor: 컴포넌트 스타일 파일 분리 * feat: 열린 이슈, 닫힌 이슈 더미데이터로 뿌려주기, 클릭할때마다 색상 변경 * style: Issue Item component 스타일 theme 사용하여 수정 * feat: 이슈 네비게이션 Filter 쪽 작업 진행, Popup 컴포넌트 재사용용도로 분리 작업 진행중 * feat: 팝업 바깥쪽 클릭시 닫히는 hooks * feat: 네비게이션 => 담당자 작성자 데이터 임시 작업 진행 * [Muffin] 리팩토링 작업 + 간단 로그인 테스팅코드 추가 * Style: 영역 넘치는 부분 overflow로 막기 * refactor: 네비게이션 레이블 이슈 네이밍 수정 * feat: 팝업 관련 기능 작업 계속 진행중. switch-case 문으로 분리하는게 가장 적합해보인다고 생각함 * feat: popup기능 Popup폴더로 따로 분리, 팝업 안에 들어가는 내용 getModalItem 함수로 따로 분리, 더미데이터 추가 * feat: 검색창 이슈 필터 팝업 구현 진행중 * feat: 로그인 fetch 테스팅 코드 임시 추가 * Fe feat/#4 indicator * feat: #4 ProgressBar 추가 * fix: #6 로그인 버튼, 로그인 페이지 수정 - 로그인 버튼에 프로퍼티 추가 - 로그인 페이지 레이아웃 수정 Co-authored-by: Muffin <jinlog9@gmail.com> * [Muffin] Popup 작업 진행중 * Style: 영역 넘치는 부분 overflow로 막기 * refactor: 네비게이션 레이블 이슈 네이밍 수정 * feat: 팝업 관련 기능 작업 계속 진행중. switch-case 문으로 분리하는게 가장 적합해보인다고 생각함 * feat: popup기능 Popup폴더로 따로 분리, 팝업 안에 들어가는 내용 getModalItem 함수로 따로 분리, 더미데이터 추가 * feat: 검색창 이슈 필터 팝업 구현 진행중 * refactor: 불필요한 IssuePage 파일 삭제 => Router.tsx 파일에서 참조하는 파일이 2개가 생겨 하나 삭제 * fix: eslint 적용안된 파일들 모두 다시 수정 * feat, refactor: 타입스크립트에서 any로 타입지정한 부분들 수정, 팝업 로직 분리 * [FE][Cola] useSearch Hook 추가 * fix: #6 버튼 컴포넌트 style - cursor: pointer 추가 * feat: #37 useSearch 커스텀 훅 추가 * refactor: #37 useSearch Hook 리팩토링 변수 네이밍 - key -> paramKey - searchValue -> paramValue * feat: #37 useSearch Hook add 함수 추가 sep 파라미터 추가 paramValue의 defaultValue를 선언부에서 할당 add 함수 추가 * feat: #37 useSearch Hook replace 함수 추가 replace 함수 추가 - paramValue를 변환한 결과가 빈 문자열일 수 있어서 trim()적용 * refactor: #37 useSearch Hook add 함수 리팩토링 newSearchValue 분리 후 trim()적용 * [FE][Cola] 팝업 UI 스타일 작업 * feat: #21 이슈 페이지의 z-index 추가 * refactor: #21 FilterPopup의 position제거 position 제거 * refactor: #21 이슈 페이지 z-index 적용 * design: #21 FilterBar 필터 팝업 레이아웃 * design: #21 FilterBar 필터 팝업 레이아웃 * design: #21 필터 팝업에 Animation과 box-shadow 추가 * design: #21 Circle 색상 변경 * design: #21 필터 팝업 스타일 작업 color, height등 조절 * [FE][Cola] Label 컴포넌트 * feat: #53 레이블 컴포넌트 추가 레이블 컴포넌트 - normal, outlined - outlined는 색상 지정 불가능 이슈 레이블 컴포넌트 - closed props를 boolean값으로 전달하여 열린이슈, 닫힌이슈 표현 가능 * feat: /buttons 페이지 업데이트 * [FE][Cola] Radio Option Selection 컴포넌트 * fix: Check - Plain 아이콘 뒤바뀐것 수정 * refactor: simpleOpacityTransition delay props optional 타입으로 변경 * feat: #55 RadioSelection 컴포넌트 추가 * design: #55 RadioSelection 컴포넌트 스타일 추가 * feat: #55 RadioSelection 컴포넌트 type 추가 restProps를 onClick Props로 변경 - 다른 재사용 컴포넌트와 다르게, 명확하게 클릭의 용도로만 사용하기 때문 * design: #55 RadioSelection 컴포넌트 스타일 추가 - 옵션 개수가 많아져도 레이아웃이 망가지지 않도록 flex-shrink와 white-space 추가 및, Options의 display를 inline-flex로 변경 * [FE][Muffin]: Popup 컴포넌트 데이터 넘기는 작업 진행, 팝업 내 항목 클릭 시 팝업 닫히지 않는 현상 해결 * refactor: Popup 컴포넌트 데이터 넘기는 작업 진행, 팝업 내 항목 클릭 시 팝업 닫히지 않는 현상 해결 * refactor: Filter쪽도 우선은 에러가 나지 않도록 handleItemClick 함수 셋팅 * feat: #57 Text Input 컴포넌트 추가 * [FE][Muffin] 팝업 기능 타입 지정 * feat: 팝업 2번 렌더링 되는 문제 정확한 에러 파악 후 해결 * refactor: 간단한 타입 에러 수정, msw url 변경 * [FE][Cola] useSearch 리팩토링 및 파라미터 사용방법 추가 * feat: #64 useSearch 기능 추가 init 함수 추가 - 서치 파라미터의 값을 없애고 전달된 인자로 세팅 - 인자는 key, value로 전달하거나, { paramValue: string }으로 전달 * refactor: #64 add 함수 파라미터 종류 추가 - add(key, value)로 전달하거나, add({ paramValue: string })로 전달 * refactor: #64 replace 함수 파라미터 종류 추가 - add(key, value)로 전달하거나, add({ paramValue: string })로 전달 * feat: 레이블 페이지 UI 작업 Co-authored-by: Muffin <jinlog9@gmail.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The text was updated successfully, but these errors were encountered: