signal-desktop/js/react/util/MessageParents.tsx
Scott Nonnenberg 1326b26585
Full styleguide now available via yarn styleguide
Due to a number of hacks, the style guide can be used to show Backbone
views. This will allow a smooth path from the old way of doing things to
the new.
2018-04-04 16:08:38 -07:00

31 lines
785 B
TypeScript

import React from 'react';
interface IProps {
/**
* Corresponds to the theme setting in the app, and the class added to the root element.
*/
theme: "ios" | "android" | "android-dark";
}
/**
* Provides the parent elements necessary to allow the main Signal Desktop stylesheet to
* apply (with no changes) to messages in this context.
*/
export class MessageParents extends React.Component<IProps, {}> {
public render() {
const { theme } = this.props;
return (
<div className={theme}>
<div className="conversation">
<div className="discussion-container" style={{padding: '0.5em'}}>
<ul className="message-list">
{this.props.children}
</ul>
</div>
</div>
</div>
);
}
}