sdy

remove unnecessary files

import React from "react";
import Styled from "styled-components";
const Article = Styled.div`
width: 70%;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 10px;
border-top: 1px solid black;
`;
export default () => {
return (
<Article>
<h1>Article Title</h1>
</Article>
);
};
import React from "react";
import Styled from "styled-components";
import MenuList from "./MenuList";
import Article from "./Article";
const Grid = Styled.div`
width: 100%;
display: flex;
`;
export default () => {
return (
<Grid>
<MenuList />
<Article />
</Grid>
);
};
import React from "react";
import Styled from "styled-components";
const Header = Styled.div`
width: 100%;
display: flex;
justify-content: center;
margin: 10px 0px;
font-size: 25px;
font-family: 'Source Code Pro';
font-weight: 200;
font-size: 40px;
`;
export default () => {
return (
<Header>
<h1>KHU Chatting service</h1>
</Header>
);
};
import React from "react";
import Styled from "styled-components";
const Image = Styled.div`
width: 100%;
margin: 20px 0px;
display: flex;
justify-content: center;
`;
export default () => {
return (
<Image>
<img src="" alt="sample"></img>
</Image>
);
};
import React from "react";
import Styled from "styled-components";
//import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
//import { faList, faAddressBook } from "@fortawesome/free-solid-svg-icons";
import PropTypes from "prop-types";
const Container = Styled.div`
width: 400px;
height: 100%;
`;
const Switch = ({ checked = false, isChecked, onClick }) => (
<Container checked={checked} onClick={onClick} isChecked={isChecked} />
);
Switch.propTypes = {
checked: PropTypes.bool,
isChecked: PropTypes.func,
onClick: PropTypes.func,
};
export default () => {
return <Switch />;
};