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%);
+ }
+}