[Feat] 초대 페이지 퍼블리싱 #384
[Feat] 초대 페이지 퍼블리싱 #384
Conversation
| invitor: '김가온', | ||
| teamImg: '', | ||
| teamName: 'TIKI', | ||
| }; |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| }; | ||
|
|
||
| const InvitedPage = () => { | ||
| const isLogined = useMatch(PATH.INVITE_IN); |
There was a problem hiding this comment.
로그인 되어있는 상태를 나타낼거면 전역에서 관리하고 잇는 로그인 상태를 가지고 와서 확인하는 것도 좋을것 같다는 생각이 드네요!
There was a problem hiding this comment.
동의합니다 useLoggedIn 사용해주면 될 것 같아요 !
| <Text tag="body4">{InviteData.invitor}님의 초대</Text> | ||
| <Flex styles={{ justify: 'center', align: 'center', gap: '0.4rem' }}> | ||
| {InviteData.teamImg ? ( | ||
| <img src={InviteData.teamImg} alt="팀 프로필 이미지" /> |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
There was a problem hiding this comment.
답글을 이제 봤네용 감사합니다 😄
| </Flex> | ||
| </Flex> | ||
| {isLogined ? ( | ||
| <Flex css={{ '&, &>*': { width: '100%' }, gap: '0.4rem' }}> |
There was a problem hiding this comment.
요거 그냥 width: 100%해줘도 되지 않나요 ??
There was a problem hiding this comment.
아래 버튼들이 width:100%로 지정해줘야 맞게 늘어나더라구요..
그래서 하위요소들도 지정해줬습니다!
| <Button size="xLarge" variant="secondary"> | ||
| 초대 수락 | ||
| </Button> | ||
| <Button size="xLarge" css={{ color: theme.colors.sementic_red, backgroundColor: '#FFF6F7' }}> |
There was a problem hiding this comment.
제가 컬러 theme에 추가해놓았슴다 !
theme에서 sementic_red_10 가져와서 사용해주세유 !!
| }; | ||
|
|
||
| const InvitedPage = () => { | ||
| const isLogined = useMatch(PATH.INVITE_IN); |
There was a problem hiding this comment.
동의합니다 useLoggedIn 사용해주면 될 것 같아요 !
| INVITE: '/invite', | ||
| INVITE_IN: '/invite-in', |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
해당 이슈 번호
closed #371
체크리스트
💎 PR Point
📌스크린샷 (선택)
2025-01-09.202116.mp4