imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement a very low fidelity UI for threads

Browse source
This commit is contained in:
Germain Souquet 2021-08-20 12:11:04 +01:00
parent d5356361a9
commit 30a762944a
4 changed files with 49 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/structures/ThreadView.tsx
View file

@ -115,6 +115,7 @@ class ThreadView extends React.Component<IProps, IState> {
replyToEvent={thread?.replyToEvent}
showReplyPreview={false}
permalinkCreator={this.props.permalinkCreator}
compact={true}
/>
</BaseCard>
);

12
src/components/views/rooms/MessageComposer.tsx
View file

@ -185,6 +185,7 @@ interface IProps {
replyToEvent?: MatrixEvent;
showReplyPreview?: boolean;
e2eStatus?: E2EStatus;
compact?: boolean;
}
interface IState {
@ -204,6 +205,7 @@ export default class MessageComposer extends React.Component<IProps, IState> {
static defaultProps = {
showReplyPreview: true,
compact: false,
};
constructor(props) {
@ -367,7 +369,7 @@ export default class MessageComposer extends React.Component<IProps, IState> {
render() {
const controls = [
this.state.me ? <ComposerAvatar key="controls_avatar" me={this.state.me} /> : null,
this.state.me && !this.props.compact ? <ComposerAvatar key="controls_avatar" me={this.state.me} /> : null,
this.props.e2eStatus ?
<E2EIcon key="e2eIcon" status={this.props.e2eStatus} className="mx_MessageComposer_e2eIcon" /> :
null,
@ -455,8 +457,14 @@ export default class MessageComposer extends React.Component<IProps, IState> {
/>;
}
const classes = classNames({
"mx_MessageComposer": true,
"mx_GroupLayout": true,
"mx_MessageComposer--compact": this.props.compact,
});
return (
<div className="mx_MessageComposer mx_GroupLayout">
<div className={classes}>
{ recordingTooltip }
<div className="mx_MessageComposer_wrapper">
{ this.props.showReplyPreview && (