rewrite draft using preact

web/app/components/thread/index.js

@@ -0,0 +1,3 @@
+export { default } from './thread';
+
+require('./thread.scss');

web/app/components/thread/thread.jsx

@@ -0,0 +1,24 @@
+import { h, Component } from 'preact';
+
+import Comment from 'components/comment';
+
+export default class Thread extends Component {
+  render(props, state) {
+    const { data: { comment, replies = [] }, mix, mods = {} } = props;
+
+    return (
+      <div className={b('thread', props)}>
+        <Comment data={comment} mods={{ level: mods.level }}/>
+
+        {
+          !!replies.length && replies.map(thread => (
+            <Thread
+              data={thread}
+              mods={{ level: mods.level < 5 ? mods.level + 1 : mods.level }}
+            />
+          ))
+        }
+      </div>
+    );
+  }
+}

web/app/components/thread/thread.scss

@@ -0,0 +1,5 @@
+@import 'common/variables';
+
+.thread {
+  margin-bottom: $offset;
+}