cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-25 08:30:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat(home): added temporary text

Browse source
This commit is contained in:
trashtemp 2021-12-30 14:35:44 +01:00
parent ee3f6bede7
commit c0bf3fbc0b
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
2 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 33af4890e56757c27a5bbd23e81d05f03c4a0cde
Subproject commit 5a7d7b93129195abd644db87097bd87958ea2170

19
src/components/navigation/left/HomeSidebar.tsx
View file

@ -7,6 +7,7 @@ import {
import { observer } from "mobx-react-lite";
import { Link, useLocation, useParams } from "react-router-dom";
import { RelationshipStatus } from "revolt-api/types/Users";
import styled, { css } from "styled-components";
import { Text } from "preact-i18n";
import { useContext, useEffect } from "preact/hooks";
@ -27,6 +28,21 @@ import { GenericSidebarBase, GenericSidebarList } from "../SidebarBase";
import ButtonItem, { ChannelButton } from "../items/ButtonItem";
import ConnectionStatus from "../items/ConnectionStatus";
const Navbar = styled.div`
display: flex;
align-items: center;
padding: 0 14px;
font-weight: 600;
flex-shrink: 0;
height: 48px;
${() =>
isTouchscreenDevice &&
css`
height: 56px;
`}
`;
export default observer(() => {
const { pathname } = useLocation();
const client = useContext(AppContext);
@ -55,6 +71,9 @@ export default observer(() => {
return (
<GenericSidebarBase mobilePadding>
<Navbar>
<Text id="app.home.directs" />
</Navbar>
<ConnectionStatus />
<GenericSidebarList>
<ConditionalLink active={pathname === "/"} to="/">