Skip to content

Commit

Permalink
Weekly/6th week (#24)
Browse files Browse the repository at this point in the history 
* fix: remove deprecated provider from storybook

* fix: context가 적용되지 않던 문제점 해결

* Mingkyeongg (#23)

* feat: 모달 테스트페이지 만들기

* feat: React Portal 이용해서 Modal 창 구현

* style: Modal 기본 style 적용

* feat: Modal 뒤로가기 이벤트 방지

* feat: Modal 켜져있을때 스크롤 방지

* style: 배경 색상 추가

* fix: eslint 에러 수정

* feat: Modal 외부 클릭 방지 및 배경 어둡게

* feat: Modal 외부 클릭시 창 닫힘

* chore: 테스트 페이지 삭제

* chore: add reset.css

* refactor: css 오버라이드 기능 및 padding props 추가

* refactor: set default container direction to be `row`

* style: 잘못된 태그 높이 수정

* style: 태그 border style 수정

* refactor: add box-sizing prop

* refactor: 내부 타입 정의를 사용하도록 리팩토링

* refactor: 스타일 타입을 styles 내부로 이동

* feat: 아바타 크기 조정 지원

* refactor: 변경된 style 타입 경로 반영

* feat: study 모델 정의

* feat: 테스트를 위한 목 데이터 정의

나중에 mock api로 빼서 써야함

* chore: add icon

* feat: 스터디 리스트 섹션

* feat: login 모달창 생성

* feat: Login 창 요소 추가

* style: 카카오 로그인 버튼 스타일 정의

* style: 하단 버튼 그리드 스타일 정의

* feat: Login 모달창 완성

feat: Login 모달창 구현

* feat: 개인정보 입력 모달창 생성

* feat: PersonalInfoModal 요소 삽입

* style: PersonalInfoModal 레이아웃 작성

* style: PersonalInfoModal 스타일 정의

* feat: StudyCreation 모달창 생성

* style: StydyCreation 모달창 스타일 정의

* chore: Login 모달 파일 이름 변경

* feat: storybook 파일 생성

* feat: InviteToStydy 모달창 생성

* chore: 폴더 구조 수정

* fix: eslint 수정

* style: 스위치 스타일 변경

border-box로 인해 픽셀 계산이 제대로 되지 않던 문제점 해결

* style: 리사이즈 여부를 props로 받도록 수정

* fix: textarea를 조정하면 모달 바깥으로 튀어나가던 문제점 해결

---------

Co-authored-by: cla6shade <[email protected]>

---------

Co-authored-by: Lee Minkyeong <[email protected]>
  • Loading branch information
@cla6shade @mingkyeongg
cla6shade and mingkyeongg authored Oct 11, 2024
1 parent 8bcc38e commit 049773a
Show file tree
Hide file tree
Showing 54 changed files with 9,543 additions and 8,602 deletions.
46 changes: 24 additions & 22 deletions .storybook/preview.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,24 @@
import type { Preview } from "@storybook/react";
import PassportProvider from '../src/providers/PassportProvider';

const preview: Preview = {
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
},
decorators: [
(Story) => (
<PassportProvider>
<Story />
</PassportProvider>
)
],
};

export default preview;
import type { Preview } from "@storybook/react";
import {ThemeProvider} from '@emotion/react';
import defaultTheme from '../src/styles/theme';
import 'reset-css/reset.css';

const preview: Preview = {
parameters: {
controls: {
matchers: {
color: /(background|color)$/i,
date: /Date$/i,
},
},
},
decorators: [
(Story) => (
<ThemeProvider theme={defaultTheme}>
<Story />
</ThemeProvider>
)
],
};

export default preview;
6 changes: 6 additions & 0 deletions .vscode/extensions.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
{
"recommendations": [
"arcanis.vscode-zipfs",
"dbaeumer.vscode-eslint"
]
}
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
</head>
<body>
<div id="root"></div>
<div id="modal-root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
133 changes: 67 additions & 66 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,66 +1,67 @@
{
"name": "ditto-frontend",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc -b && vite build",
"lint": "eslint .",
"preview": "vite preview",
"test": "vitest",
"test:ci": "vitest run",
"ci": "yarn lint && yarn test:ci && yarn build",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"dependencies": {
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@tanstack/react-query": "^5.59.0",
"emotion-normalize": "^11.0.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.26.2"
},
"devDependencies": {
"@chromatic-com/storybook": "1.9.0",
"@emotion/babel-plugin": "^11.12.0",
"@eslint/js": "^9.9.0",
"@feature-sliced/eslint-config": "^0.1.1",
"@storybook/addon-essentials": "8.3.4",
"@storybook/addon-interactions": "8.3.4",
"@storybook/addon-links": "8.3.4",
"@storybook/addon-onboarding": "8.3.4",
"@storybook/blocks": "8.3.4",
"@storybook/react": "8.3.4",
"@storybook/react-vite": "8.3.4",
"@storybook/test": "8.3.4",
"@types/eslint-plugin-jsx-a11y": "^6",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"@typescript-eslint/eslint-plugin": "7.0.0",
"@typescript-eslint/parser": "^8.6.0",
"@vitejs/plugin-react-swc": "^3.5.0",
"eslint": "8.57.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-config-airbnb-typescript": "^18.0.0",
"eslint-import-resolver-typescript": "^3.6.3",
"eslint-plugin-boundaries": "^4.2.2",
"eslint-plugin-import": "^2.30.0",
"eslint-plugin-jsx-a11y": "^6.10.0",
"eslint-plugin-react": "^7.36.1",
"eslint-plugin-react-hooks": "^4.6.2",
"eslint-plugin-react-refresh": "^0.4.9",
"eslint-plugin-storybook": "^0.9.0",
"globals": "^15.9.0",
"storybook": "8.3.4",
"typescript": "^5.5.3",
"typescript-eslint": "^8.0.1",
"vite": "^5.4.1",
"vite-plugin-svgr": "^4.2.0",
"vite-tsconfig-paths": "^5.0.1",
"vitest": "^2.1.1"
},
"packageManager": "[email protected]"
}
{
"name": "ditto-frontend",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc -b && vite build",
"lint": "eslint .",
"preview": "vite preview",
"test": "vitest",
"test:ci": "vitest run",
"ci": "yarn lint && yarn test:ci && yarn build",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"dependencies": {
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@tanstack/react-query": "^5.59.0",
"emotion-normalize": "^11.0.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.26.2",
"reset-css": "^5.0.2"
},
"devDependencies": {
"@chromatic-com/storybook": "1.9.0",
"@emotion/babel-plugin": "^11.12.0",
"@eslint/js": "^9.9.0",
"@feature-sliced/eslint-config": "^0.1.1",
"@storybook/addon-essentials": "8.3.4",
"@storybook/addon-interactions": "8.3.4",
"@storybook/addon-links": "8.3.4",
"@storybook/addon-onboarding": "8.3.4",
"@storybook/blocks": "8.3.4",
"@storybook/react": "8.3.4",
"@storybook/react-vite": "8.3.4",
"@storybook/test": "8.3.4",
"@types/eslint-plugin-jsx-a11y": "^6",
"@types/react": "^18.3.3",
"@types/react-dom": "^18.3.0",
"@typescript-eslint/eslint-plugin": "7.0.0",
"@typescript-eslint/parser": "^8.6.0",
"@vitejs/plugin-react-swc": "^3.5.0",
"eslint": "8.57.0",
"eslint-config-airbnb": "^19.0.4",
"eslint-config-airbnb-typescript": "^18.0.0",
"eslint-import-resolver-typescript": "^3.6.3",
"eslint-plugin-boundaries": "^4.2.2",
"eslint-plugin-import": "^2.30.0",
"eslint-plugin-jsx-a11y": "^6.10.0",
"eslint-plugin-react": "^7.36.1",
"eslint-plugin-react-hooks": "^4.6.2",
"eslint-plugin-react-refresh": "^0.4.9",
"eslint-plugin-storybook": "^0.9.0",
"globals": "^15.9.0",
"storybook": "8.3.4",
"typescript": "^5.5.3",
"typescript-eslint": "^8.0.1",
"vite": "^5.4.1",
"vite-plugin-svgr": "^4.2.0",
"vite-tsconfig-paths": "^5.0.1",
"vitest": "^2.1.1"
},
"packageManager": "[email protected]"
}
8 changes: 8 additions & 0 deletions src/assets/Logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 049773a

Please sign in to comment.