feat: full discovery integration

This commit is contained in:
Paul Makles
2022-01-10 18:18:43 +00:00
parent 8333efdacc
commit 34dc9f5d03
6 changed files with 98 additions and 39 deletions

View File

@@ -1,4 +1,4 @@
import { Message, Group } from "@styled-icons/boxicons-solid";
import { Message, Group, Compass } from "@styled-icons/boxicons-solid";
import { observer } from "mobx-react-lite";
import { useHistory, useLocation } from "react-router";
import styled, { css } from "styled-components";
@@ -56,7 +56,8 @@ export default observer(() => {
const friendsActive = path.startsWith("/friends");
const settingsActive = path.startsWith("/settings");
const homeActive = !(friendsActive || settingsActive);
const discoverActive = path.startsWith("/discover");
const homeActive = !(friendsActive || settingsActive || discoverActive);
return (
<Base>
@@ -102,6 +103,15 @@ export default observer(() => {
</IconButton>
</ConditionalLink>
</Button>*/}
<Button active={discoverActive}>
<ConditionalLink
active={discoverActive}
to="/discover/servers">
<IconButton>
<Compass size={24} />
</IconButton>
</ConditionalLink>
</Button>
<Button active={settingsActive}>
<ConditionalLink active={settingsActive} to="/settings">
<IconButton>