sdy

create new box

......@@ -32,6 +32,14 @@ const ItemList = styled.ul`
}
`;
const ItemListTopBox = styled.div`
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-bottom: 10px;
`;
const Item = styled.li``;
const ItemText = styled.span`
......@@ -42,10 +50,11 @@ const StyledLink = styled(Link)`
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
justify-content: left;
align-items: center;
text-decoration: none;
color: white;
padding-left: 10px;
cursor: pointer;
&:hover {
background-color: white;
......@@ -54,13 +63,17 @@ const StyledLink = styled(Link)`
`;
export default ({ location }) => {
const { pathname } = location;
let path;
return (
<>
<CategoryContainer>
<ItemListContainer>
<ItemList>
<FontAwesomeIcon icon={faArrowDown} /> Category
<FontAwesomeIcon icon={faPlus} />
<ItemListTopBox>
<FontAwesomeIcon icon={faArrowDown} /> Category
<FontAwesomeIcon icon={faPlus} />
</ItemListTopBox>
<StyledLink>
<Item>
<ItemText># Music</ItemText>
......