Skip to content

Commit 8b79d58

Browse files
authored
관리(참여 승인) 페이지 구현 (#61)
* feat: 페이지 라우트 및 기본 세팅 * feat: 관리 페이지 ui 구현 * fix: allow card 너비 문제 * fix: header 경기 정보 추가 * fix: 관리 페이지 layout 적용
1 parent 9f74654 commit 8b79d58

File tree

5 files changed

+44
-3
lines changed

5 files changed

+44
-3
lines changed

src/components/shared/AllowCard/AllowCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const buttonOverlappedProps = {
2424
width: '3.5rem',
2525
height: '2.5rem',
2626
fontSize: theme.FONT_SIZE.MD,
27-
fontWeight: theme.FONT_WEIGHT.BOLD,
27+
fontWeight: theme.FONT_WEIGHT.MEDIUM,
2828
backgroundColor: 'white',
2929
};
3030

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import styled from '@emotion/styled';
2+
3+
export const ManageWrapper = styled.div`
4+
${({ theme }) => theme.STYLES.LAYOUT}
5+
min-height: 100dvh;
6+
background-color: ${({ theme }) => theme.PALETTE.GRAY_100};
7+
`;
8+
9+
export const Main = styled.div`
10+
margin: 10px 0;
11+
`;

src/pages/ManagePage/ManagePage.tsx

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import { AllowCard, AllowCardGroup } from '@components/shared/AllowCard';
2+
import { Header } from '@components/shared/Header';
3+
4+
import { Main, ManageWrapper } from './ManagePage.style';
5+
6+
type ManagePageProps = { manageType: 'games' | 'crews' };
7+
8+
export const ManagePage = ({ manageType }: ManagePageProps) => {
9+
console.log(manageType);
10+
11+
return (
12+
<ManageWrapper>
13+
<Header isLogo={false} title="10.21 송파구" isRightContainer={true} />
14+
<Main>
15+
<AllowCardGroup>
16+
<AllowCard
17+
player={{
18+
id: '234908390',
19+
nickname: '막내 백둥이',
20+
profileImageUrl:
21+
'https://i.ytimg.com/vi/scxNCuffq-0/maxresdefault.jpg',
22+
}}
23+
/>
24+
</AllowCardGroup>
25+
</Main>
26+
</ManageWrapper>
27+
);
28+
};

src/pages/ManagePage/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export * from './ManagePage';

src/routes/router.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { CreateGamePage } from '@pages/CreateGamePage';
55
import { GamesDetailPage } from '@pages/GamesDetailPage';
66
import { GamesNearPage } from '@pages/GamesNearPage';
77
import { Layout } from '@pages/Layout';
8+
import { ManagePage } from '@pages/ManagePage';
89
import { LoginPage } from '@pages/LoginPage';
910
import { MainPage } from '@pages/MainPage';
1011
import { RegisterPage } from '@pages/RegisterPage';
@@ -41,7 +42,7 @@ export const router = createBrowserRouter([
4142
},
4243
{
4344
path: 'games/:id/manage',
44-
element: <h3>manage</h3>,
45+
element: <ManagePage manageType="games" />,
4546
},
4647
{
4748
path: 'games/:id/review',
@@ -65,7 +66,7 @@ export const router = createBrowserRouter([
6566
},
6667
{
6768
path: 'crews/:id/manage',
68-
element: <h3>crews/:id/manage</h3>,
69+
element: <ManagePage manageType="crews" />,
6970
},
7071
{
7172
path: 'create',

0 commit comments

Comments
 (0)