File tree Expand file tree Collapse file tree 5 files changed +44
-3
lines changed
components/shared/AllowCard Expand file tree Collapse file tree 5 files changed +44
-3
lines changed Original file line number Diff line number Diff line change @@ -24,7 +24,7 @@ const buttonOverlappedProps = {
24
24
width : '3.5rem' ,
25
25
height : '2.5rem' ,
26
26
fontSize : theme . FONT_SIZE . MD ,
27
- fontWeight : theme . FONT_WEIGHT . BOLD ,
27
+ fontWeight : theme . FONT_WEIGHT . MEDIUM ,
28
28
backgroundColor : 'white' ,
29
29
} ;
30
30
Original file line number Diff line number Diff line change
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
+ ` ;
Original file line number Diff line number Diff line change
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
+ } ;
Original file line number Diff line number Diff line change
1
+ export * from './ManagePage' ;
Original file line number Diff line number Diff line change @@ -5,6 +5,7 @@ import { CreateGamePage } from '@pages/CreateGamePage';
5
5
import { GamesDetailPage } from '@pages/GamesDetailPage' ;
6
6
import { GamesNearPage } from '@pages/GamesNearPage' ;
7
7
import { Layout } from '@pages/Layout' ;
8
+ import { ManagePage } from '@pages/ManagePage' ;
8
9
import { LoginPage } from '@pages/LoginPage' ;
9
10
import { MainPage } from '@pages/MainPage' ;
10
11
import { RegisterPage } from '@pages/RegisterPage' ;
@@ -41,7 +42,7 @@ export const router = createBrowserRouter([
41
42
} ,
42
43
{
43
44
path : 'games/:id/manage' ,
44
- element : < h3 > manage </ h3 > ,
45
+ element : < ManagePage manageType = "games" / >,
45
46
} ,
46
47
{
47
48
path : 'games/:id/review' ,
@@ -65,7 +66,7 @@ export const router = createBrowserRouter([
65
66
} ,
66
67
{
67
68
path : 'crews/:id/manage' ,
68
- element : < h3 > crews/:id/manage </ h3 > ,
69
+ element : < ManagePage manageType = " crews" / >,
69
70
} ,
70
71
{
71
72
path : 'create' ,
You can’t perform that action at this time.
0 commit comments