Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 3x | import { Container, Nav, Navbar } from "react-bootstrap";
export default function AppNavbarLocalhost({ url }) {
return (
<>
<Navbar
expand="sm"
bg="warning"
sticky="top"
data-testid="AppNavbarLocalhost"
>
<Container>
<Navbar.Brand href="http://localhost:8080">Warning</Navbar.Brand>
<Navbar.Toggle />
<Navbar.Collapse className="justify-content-between">
<Nav className="mr-auto text-center">
<Nav.Item className="text-center">
<p data-testid="AppNavbarLocalhost-message1">
Running on <code>{url}</code> with no backend.
</p>
<p data-testid="AppNavbarLocalhost-message2">
You probably want{" "}
<a href="http://localhost:8080">http://localhost:8080</a>{" "}
instead.
</p>
</Nav.Item>
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
</>
);
}
|