mirror of
https://github.com/revoltchat/revite.git
synced 2024-12-24 22:52:09 -05:00
feat(home): added temporary text
This commit is contained in:
parent
ee3f6bede7
commit
c0bf3fbc0b
2 changed files with 20 additions and 1 deletions
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
|||
Subproject commit 33af4890e56757c27a5bbd23e81d05f03c4a0cde
|
||||
Subproject commit 5a7d7b93129195abd644db87097bd87958ea2170
|
|
@ -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="/">
|
||||
|
|
Loading…
Reference in a new issue