diff --git a/web/chat/inline-sidebar.css b/web/chat/inline-sidebar.css --- a/web/chat/inline-sidebar.css +++ b/web/chat/inline-sidebar.css @@ -1,33 +0,0 @@ -div.inlineSidebarContent { - flex-direction: row; - display: flex; - margin: 0 40px 0 20px; - cursor: pointer; -} -div.inlineSidebar { - flex-direction: row; - display: flex; - align-items: center; -} -div.inlineSidebarName { - padding-top: 1px; - color: #666666; - font-size: 16px; - padding-left: 4px; - padding-right: 2px; -} -div.unread { - font-weight: bold; -} -div.centerContainer { - justify-content: center; -} -div.nonViewerMessageBoxContainer { - justify-content: flex-start; -} -div.viewerMessageBoxContainer { - justify-content: flex-end; -} -svg.inlineSidebarIcon { - color: #666666; -} diff --git a/web/chat/inline-sidebar.react.js b/web/chat/inline-sidebar.react.js --- a/web/chat/inline-sidebar.react.js +++ b/web/chat/inline-sidebar.react.js @@ -1,17 +1,11 @@ // @flow -import classNames from 'classnames'; import * as React from 'react'; -import { - CornerDownRight as CornerDownRightIcon, - CornerDownLeft as CornerDownLeftIcon, -} from 'react-feather'; import useInlineSidebarText from 'lib/hooks/inline-sidebar-text.react'; import type { ThreadInfo } from 'lib/types/thread-types'; import { useOnClickThread } from '../selectors/nav-selectors'; -import css from './inline-sidebar.css'; type Props = { +threadInfo: ThreadInfo, @@ -23,40 +17,14 @@ const onClick = useOnClickThread(threadInfo); - let viewerIcon, nonViewerIcon, alignStyle; - if (props.positioning === 'right') { - viewerIcon = ( - - ); - alignStyle = css.viewerMessageBoxContainer; - } else if (props.positioning === 'left') { - nonViewerIcon = ( - - ); - alignStyle = css.nonViewerMessageBoxContainer; - } else { - nonViewerIcon = ( - - ); - alignStyle = css.centerContainer; - } - - const unreadStyle = threadInfo.currentUser.unread ? css.unread : null; - return ( -
-
- {nonViewerIcon} -
- {sendersText} - {repliesText} -
- {viewerIcon} +
+
+ {sendersText} + {repliesText}
); } -const inlineSidebarHeight = 20; - -export { InlineSidebar, inlineSidebarHeight }; +export { InlineSidebar };