Page MenuHomePhorge
Files F33324829

D3893.1768859448.diff
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

D3893.1768859448.diff
View Options

diff --git a/web/chat/composed-message.react.js b/web/chat/composed-message.react.js
--- a/web/chat/composed-message.react.js
+++ b/web/chat/composed-message.react.js
@@ -17,7 +17,7 @@
import { type InputState, InputStateContext } from '../input/input-state';
import css from './chat-message-list.css';
import FailedSend from './failed-send.react';
-import { InlineSidebar } from './inline-sidebar.react';
+import InlineSidebar from './inline-sidebar.react';
import MessageActionButtons from './message-action-buttons';
import {
type OnMessagePositionWithContainerInfo,
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 = (
- <CornerDownLeftIcon className={css.inlineSidebarIcon} size={18} />
- );
- alignStyle = css.viewerMessageBoxContainer;
- } else if (props.positioning === 'left') {
- nonViewerIcon = (
- <CornerDownRightIcon className={css.inlineSidebarIcon} size={18} />
- );
- alignStyle = css.nonViewerMessageBoxContainer;
- } else {
- nonViewerIcon = (
- <CornerDownRightIcon className={css.inlineSidebarIcon} size={18} />
- );
- alignStyle = css.centerContainer;
- }
-
- const unreadStyle = threadInfo.currentUser.unread ? css.unread : null;
-
return (
- <div className={classNames([css.inlineSidebarContent, alignStyle])}>
- <div onClick={onClick} className={css.inlineSidebar}>
- {nonViewerIcon}
- <div className={classNames([css.inlineSidebarName, unreadStyle])}>
- {sendersText}
- {repliesText}
- </div>
- {viewerIcon}
+ <div onClick={onClick}>
+ <div>
+ {sendersText}
+ {repliesText}
</div>
</div>
);
}
-const inlineSidebarHeight = 20;
-
-export { InlineSidebar, inlineSidebarHeight };
+export default InlineSidebar;
diff --git a/web/chat/robotext-message.react.js b/web/chat/robotext-message.react.js
--- a/web/chat/robotext-message.react.js
+++ b/web/chat/robotext-message.react.js
@@ -15,7 +15,7 @@
import { linkRules } from '../markdown/rules.react';
import { useSelector } from '../redux/redux-utils';
import { updateNavInfoActionType } from '../types/nav-types';
-import { InlineSidebar } from './inline-sidebar.react';
+import InlineSidebar from './inline-sidebar.react';
import MessageActionButtons from './message-action-buttons';
import type {
MessagePositionInfo,

File Metadata

Mime Type
text/plain
Expires
Mon, Jan 19, 9:50 PM (6 m, 24 s)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5958314
Default Alt Text
D3893.1768859448.diff (3 KB)

Event Timeline