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