client - thread page work

client/app/components/portrait/portrait.scss

@@ -0,0 +1,9 @@
+.portrait {
+  position: relative;
+
+  &__level-circle {
+    position: absolute;
+    top: 8px;
+    left: 8px;
+  }
+}

client/app/components/portrait/portrait.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import './portrait.scss';
+
+interface Props {
+  imageSrc: any;
+}
+
+interface State {
+}
+
+export class Portrait extends React.Component<Props, State> {
+
+  componentDidMount() {}
+
+  render() {
+    return (
+      <div className="portrait">
+        <img src={require('../../assets/portrait-top.gif')}/>
+        <div>
+          <img src={require('../../assets/level-circle.gif')} className="portrait__level-circle"/>
+          <img src={require('../../assets/portrait-left.gif')}/>
+          <img src={this.props.imageSrc}/>
+          <img src={require('../../assets/portrait-right.gif')}/>
+        </div>
+        <img src={require('../../assets/portrait-bot.gif')}/>
+      </div>
+    );
+  }
+}