diff --git a/src/client/chat--right.jsx b/src/client/chat--right.jsx index 0aa4df4..84b44d6 100644 --- a/src/client/chat--right.jsx +++ b/src/client/chat--right.jsx @@ -3,6 +3,7 @@ import './chat--right.scss'; import classnames from 'classnames'; import React from 'react'; import {useDispatch, useSelector} from 'react-redux'; +import {Link} from 'react-router-dom'; import { rightActiveIndexSelector, @@ -46,6 +47,11 @@ export default function ChatRight() { isHorizontal onActive={(active) => dispatch(setRightActiveIndex(active))} /> +
+ About + + Log out +
{0 === active && channelUsers.length > 0 && } {1 === active && blockedIds.length > 0 && } diff --git a/src/client/chat--right.scss b/src/client/chat--right.scss index 2ee8e1c..f76ba82 100644 --- a/src/client/chat--right.scss +++ b/src/client/chat--right.scss @@ -1,4 +1,5 @@ @import '~/client/scss/breakpoints.scss'; +@import '~/client/scss/colors.scss'; .right { background-color: #373737; @@ -55,3 +56,25 @@ font-size: 0.7em; } +.right__links { + display: flex; + justify-content: flex-end; + padding: 0.5em; +} + +.right__linksBullet { + color: #888; + font-size: 0.5em; + line-height: 2em; + margin: 0 1em; +} + +.right__link { + color: lighten($color-active, 20%); + font-family: var(--title-font-family); + text-decoration: none; + transition: color 0.2s; + &:hover { + color: lighten($color-active, 40%); + } +}