-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
94ab647
commit 7d2cd3e
Showing
14 changed files
with
123 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import DashboardPage from '@/components/templates/DashboardPage' | ||
|
||
export default function Page() { | ||
return <DashboardPage /> | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
import { Button, Icon, Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react' | ||
import React from 'react' | ||
import { FaUser } from 'react-icons/fa' | ||
|
||
const UserButtonWithMenu: React.FC = () => { | ||
return ( | ||
<Menu> | ||
<MenuButton as={Button} bg="white" border="1px solid" borderColor="gray.200"> | ||
<Icon as={FaUser} /> | ||
</MenuButton> | ||
<MenuList> | ||
<MenuItem>로그아웃</MenuItem> | ||
<MenuItem>개인정보 수정</MenuItem> | ||
</MenuList> | ||
</Menu> | ||
) | ||
} | ||
|
||
export default UserButtonWithMenu |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
import { DashboardProps } from '@/types/data' | ||
import React from 'react' | ||
|
||
const DashboardContent: React.FC<DashboardProps> = ({ data }) => { | ||
// 대시보드 카드 형식으로 보여줘야 함. | ||
return ( | ||
<> | ||
|
||
</> | ||
) | ||
} | ||
|
||
export default DashboardContent |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
// src/components/organisms/Navbar.tsx | ||
'use client' | ||
|
||
import React from 'react' | ||
import { Box, Flex, Icon, Spacer } from '@chakra-ui/react' | ||
import Logo from '@/components/atoms/Logo' | ||
import UserButtonWithMenu from '../molecules/UserButtonWithMenu' | ||
|
||
const DashboardNavBar: React.FC = () => { | ||
return ( | ||
<Box bg="white" px={4}> | ||
<Flex alignItems="center" py={4}> | ||
<Logo /> | ||
<Spacer /> | ||
<UserButtonWithMenu /> | ||
</Flex> | ||
</Box> | ||
); | ||
}; | ||
|
||
export default DashboardNavBar; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
'use client' | ||
import { Box } from '@chakra-ui/react' | ||
import React from 'react' | ||
import { Heading } from '../atoms/Text' | ||
import RoundButton from '../molecules/RoundButton' | ||
|
||
const EmptyDashboardContents: React.FC = () => { | ||
return ( | ||
<> | ||
<Box | ||
textAlign="center" | ||
mt={150} | ||
> | ||
<Box mb={15}> | ||
<Heading content="포트폴리오를 생성해주세요." fontSize="4xl" color="brand.text1" /> | ||
</Box> | ||
<RoundButton | ||
label="생성하기" | ||
color="brand.primary1" | ||
px={24} | ||
py={6} | ||
fontWeight="bold" | ||
fontSize="2xl" | ||
onClick={()=>console.log('포트폴리오 만드는 페이지로 이동')} | ||
/> | ||
</Box> | ||
</> | ||
) | ||
} | ||
|
||
export default EmptyDashboardContents |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import React from 'react' | ||
import DashboardNavBar from '../organisms/DashboardNavBar' | ||
import { Heading } from '../atoms/Text' | ||
import EmptyDashboardContents from '../organisms/EmptyDashboardContents' | ||
|
||
const DashboardPage: React.FC = () => { | ||
return ( | ||
<div> | ||
<DashboardNavBar /> | ||
<Heading content="대시보드" fontSize="4xl" color="brand.text1"/> | ||
<EmptyDashboardContents /> | ||
</div> | ||
) | ||
} | ||
|
||
export default DashboardPage |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
export interface DashboardProps { | ||
|
||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters