2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
8a0851a1 1 parent b234d318

update style

Inline Side-by-side
Showing 1 changed file with 11 additions and 8 deletions
...@@ -42,7 +42,7 @@ const RoomContainer = styled.div` ...@@ -42,7 +42,7 @@ const RoomContainer = styled.div`
42 } 42 }
43 `; 43 `;
44 44
45 -const RoomList = styled.ul` 45 +const RoomUL = styled.ul`
46 width: 100%; 46 width: 100%;
47 display: flex; 47 display: flex;
48 flex-direction: row; 48 flex-direction: row;
...@@ -91,17 +91,20 @@ const StyledLink = styled(Link)` ...@@ -91,17 +91,20 @@ const StyledLink = styled(Link)`
91 } 91 }
92 `; 92 `;
93 93
94 -export default () => { 94 +export default ({ roomArray }) => {
95 return ( 95 return (
96 <Router> 96 <Router>
97 <Wrapper> 97 <Wrapper>
98 <RoomContainer> 98 <RoomContainer>
99 - <RoomList> 99 + <RoomUL>
100 - <StyledLink to="/:roomname"> 100 + {roomArray &&
101 - <RoomItem>First Room</RoomItem> 101 + roomArray.map((e) => (
102 - <FontAwesomeIcon icon={faArrowRight} /> 102 + <StyledLink to={e.name} key={e.id}>
103 - </StyledLink> 103 + <RoomItem>{e.name}</RoomItem>
104 - </RoomList> 104 + <FontAwesomeIcon icon={faArrowRight} />
105 + </StyledLink>
106 + ))}
107 + </RoomUL>
105 </RoomContainer> 108 </RoomContainer>
106 <CreateContainer> 109 <CreateContainer>
107 <StyledLink to="/"> 110 <StyledLink to="/">
......