client - thread page work

client/app/components/forum-nav/forum-nav.scss

@@ -0,0 +1,6 @@
+.forum-nav {
+  display: inline-block;
+  padding-left: 5px;
+  position: relative;
+  bottom: 10;
+}

client/app/components/forum-nav/forum-nav.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import './forum-nav.scss';
+
+interface Props {}
+
+interface State {}
+
+export class ForumNav extends React.Component<Props, State> {
+
+  render() {
+    return (
+      <div>
+        <img src={require('../../assets/wow-base-general.gif')}/>
+        <div className="forum-nav">
+          <small>Forum Nav:</small><select style={{ minWidth: '194px' }}></select>
+        </div>
+      </div>
+    );
+  }
+}

client/app/components/index.ts

@@ -1,4 +1,7 @@
 export * from './content-container/content-container';
 export * from './footer/footer';
+export * from './forum-nav/forum-nav';
 export * from './header/header';
 export * from './login-button/login-button';
+export * from './portrait/portrait';
+export * from './scroll-to-top/scroll-to-top';

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>
+    );
+  }
+}

client/app/components/scroll-to-top/scroll-to-top.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+export class ScrollToTop extends React.Component<any, any> {
+  constructor(props: any) {
+    super(props);
+  }
+
+  componentDidMount() {
+    window.scrollTo(0, 0);
+  }
+
+  render() {
+    return this.props.children;
+  }
+}