sdy

init ChannelList component

1 +import React from "react";
2 +import styled from "styled-components";
3 +import { Link } from "react-router-dom";
4 +
5 +const ChannelContainer = styled.div``;
6 +
7 +const ChannelList = styled.ul``;
8 +
9 +const ChannelItem = styled.li``;
10 +
11 +const CreateContainer = styled.div``;
12 +
13 +export default () => {
14 + return (
15 + <>
16 + <ChannelContainer>
17 + <ChannelList>
18 + <ChannelItem>First Channel</ChannelItem>
19 + </ChannelList>
20 + </ChannelContainer>
21 + <CreateContainer>
22 + <Link to="/">Create New Channel</Link>
23 + </CreateContainer>
24 + </>
25 + );
26 +};