Rename ts/test to ts/styleguide

ts/styleguide/ConversationContext.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+
+interface Props {
+  /**
+   * 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 the Style Guide.
+ */
+export class ConversationContext extends React.Component<Props, {}> {
+  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>
+    );
+  }
+}