Showing
5 changed files
with
0 additions
and
99 deletions
front/src/Components/Article.js
deleted
100644 → 0
1 | -import React from "react"; | ||
2 | -import Styled from "styled-components"; | ||
3 | - | ||
4 | -const Article = Styled.div` | ||
5 | - width: 70%; | ||
6 | - justify-content: center; | ||
7 | - align-items: center; | ||
8 | - text-align: center; | ||
9 | - margin-top: 10px; | ||
10 | - border-top: 1px solid black; | ||
11 | -`; | ||
12 | - | ||
13 | -export default () => { | ||
14 | - return ( | ||
15 | - <Article> | ||
16 | - <h1>Article Title</h1> | ||
17 | - </Article> | ||
18 | - ); | ||
19 | -}; |
front/src/Components/Grid.js
deleted
100644 → 0
1 | -import React from "react"; | ||
2 | -import Styled from "styled-components"; | ||
3 | -import MenuList from "./MenuList"; | ||
4 | -import Article from "./Article"; | ||
5 | - | ||
6 | -const Grid = Styled.div` | ||
7 | - width: 100%; | ||
8 | - display: flex; | ||
9 | -`; | ||
10 | - | ||
11 | -export default () => { | ||
12 | - return ( | ||
13 | - <Grid> | ||
14 | - <MenuList /> | ||
15 | - <Article /> | ||
16 | - </Grid> | ||
17 | - ); | ||
18 | -}; |
front/src/Components/Header.js
deleted
100644 → 0
1 | -import React from "react"; | ||
2 | -import Styled from "styled-components"; | ||
3 | - | ||
4 | -const Header = Styled.div` | ||
5 | - width: 100%; | ||
6 | - display: flex; | ||
7 | - justify-content: center; | ||
8 | - margin: 10px 0px; | ||
9 | - font-size: 25px; | ||
10 | - font-family: 'Source Code Pro'; | ||
11 | - font-weight: 200; | ||
12 | - font-size: 40px; | ||
13 | -`; | ||
14 | - | ||
15 | -export default () => { | ||
16 | - return ( | ||
17 | - <Header> | ||
18 | - <h1>KHU Chatting service</h1> | ||
19 | - </Header> | ||
20 | - ); | ||
21 | -}; |
front/src/Components/Image.js
deleted
100644 → 0
1 | -import React from "react"; | ||
2 | -import Styled from "styled-components"; | ||
3 | - | ||
4 | -const Image = Styled.div` | ||
5 | - width: 100%; | ||
6 | - margin: 20px 0px; | ||
7 | - display: flex; | ||
8 | - justify-content: center; | ||
9 | -`; | ||
10 | - | ||
11 | -export default () => { | ||
12 | - return ( | ||
13 | - <Image> | ||
14 | - <img src="" alt="sample"></img> | ||
15 | - </Image> | ||
16 | - ); | ||
17 | -}; |
front/src/Components/MenuList.js
deleted
100644 → 0
1 | -import React from "react"; | ||
2 | -import Styled from "styled-components"; | ||
3 | -//import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; | ||
4 | -//import { faList, faAddressBook } from "@fortawesome/free-solid-svg-icons"; | ||
5 | -import PropTypes from "prop-types"; | ||
6 | - | ||
7 | -const Container = Styled.div` | ||
8 | - width: 400px; | ||
9 | - height: 100%; | ||
10 | -`; | ||
11 | - | ||
12 | -const Switch = ({ checked = false, isChecked, onClick }) => ( | ||
13 | - <Container checked={checked} onClick={onClick} isChecked={isChecked} /> | ||
14 | -); | ||
15 | - | ||
16 | -Switch.propTypes = { | ||
17 | - checked: PropTypes.bool, | ||
18 | - isChecked: PropTypes.func, | ||
19 | - onClick: PropTypes.func, | ||
20 | -}; | ||
21 | - | ||
22 | -export default () => { | ||
23 | - return <Switch />; | ||
24 | -}; |
-
Please register or login to post a comment