2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
sdy
844c7d02 1 parent 954a72f6

remove BrowserRouter

Inline Side-by-side
Showing 1 changed file with 19 additions and 21 deletions
......@@ -2,7 +2,7 @@ import React from "react";
import styled from "styled-components";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
import { BrowserRouter as Router, Link } from "react-router-dom";
import { Link } from "react-router-dom";
const Wrapper = styled.div`
display: flex;
......@@ -93,25 +93,23 @@ const StyledLink = styled(Link)`
export default ({ roomArray }) => {
return (
<Router>
<Wrapper>
<RoomContainer>
<RoomUL>
{roomArray &&
roomArray.map((e) => (
<StyledLink to={e.name} key={e.id}>
<RoomItem>{e.name}</RoomItem>
<FontAwesomeIcon icon={faArrowRight} />
</StyledLink>
))}
</RoomUL>
</RoomContainer>
<CreateContainer>
<StyledLink to="/">
<span>Create New Room</span>
</StyledLink>
</CreateContainer>
</Wrapper>
</Router>
<Wrapper>
<RoomContainer>
<RoomUL>
{roomArray &&
roomArray.map((e) => (
<StyledLink to={e.name} key={e.id}>
<RoomItem>{e.name}</RoomItem>
<FontAwesomeIcon icon={faArrowRight} />
</StyledLink>
))}
</RoomUL>
</RoomContainer>
<CreateContainer>
<StyledLink to="/">
<span>Create New Room</span>
</StyledLink>
</CreateContainer>
</Wrapper>
);
};
......