chore(feature-runs): remove unused pages

Author: cyberhck

src/app/containers/App.test.tsx

@@ -2,7 +2,6 @@ import { shallow } from "enzyme";
 import * as React from "react";
 import { State as IRouteState } from "router5";
 import { HomePage } from "../pages/HomePage";
-import { ISettingsState } from "../redux/modules/settingsModule";
 import { getRoutes } from "../routes/routes";
 import { classNames, mapStateToProps, UnconnectedApp } from "./App";
 
@@ -19,22 +18,13 @@ describe("<App />", () => {
     params: {},
     path: "/"
   };
-  const settings: ISettingsState = {
-    error: "",
-    language: "en",
-    loaded: true,
-    pending: false,
-    translations: { "Not found": "Not Found" }
-  };
   const translations = { notFound: "Not Found" };
 
   it("maps state to props correctly", () => {
     const props = mapStateToProps({
-      router: { route, previousRoute: route, transitionRoute: null, transitionError: null },
-      settings
+      router: { route, previousRoute: route, transitionRoute: null, transitionError: null }
     });
     expect(props.route).toEqual(route);
-    expect(props.translations).toEqual({ notFound: "Not Found" });
   });
 
   it("renders with correct style", () => {

src/app/containers/App.tsx

@@ -2,20 +2,13 @@ import * as React from "react";
 import { Helmet } from "react-helmet";
 import { connect } from "react-redux";
 import { createRouteNodeSelector, RouterState } from "redux-router5";
-import { createSelector } from "reselect";
 import { State as IRouteState } from "router5";
 import { stylesheet } from "typestyle";
 import { config as appConfig } from "../../../config";
 import { setupCss } from "../helpers/setupCss";
-import { Translator } from "../models/Translator";
-import { ITranslator } from "../models/TranslatorInterfaces";
-import { AboutPage } from "../pages/AboutPage";
-import { CounterPage } from "../pages/CounterPage";
 import { HomePage } from "../pages/HomePage";
-import { StarsPage } from "../pages/StarsPage";
 import { IStore } from "../redux/IStore";
 import { RoutePageMap } from "../routes/routes";
-import { translationsSelector } from "../selectors/translationsSelector";
 import { Header } from "./Header";
 
 setupCss();
@@ -36,10 +29,8 @@ interface IStateToProps {
 
 class App extends React.Component<IStateToProps> {
   private components: RoutePageMap = {
-    aboutPage: AboutPage,
-    counterPage: CounterPage,
     homePage: HomePage,
-    starsPage: StarsPage
+    runsPage: null
   };
   public render(): JSX.Element {
     const { route, translations: { notFound } } = this.props;
@@ -54,19 +45,8 @@ class App extends React.Component<IStateToProps> {
   }
 }
 
-const componentTranslationsSelector = createSelector(
-  translationsSelector,
-  (translations) => {
-    const translator: ITranslator = new Translator(translations);
-    return {
-      notFound: translator.translate("Not found")
-    };
-  }
-);
-
-const mapStateToProps = (state: Pick<IStore, "router" | "settings">): IStateToProps & Partial<RouterState> => ({
-  ...createRouteNodeSelector("")(state),
-  translations: componentTranslationsSelector(state)
+const mapStateToProps = (state: Pick<IStore, "router">): IStateToProps & Partial<RouterState> => ({
+  ...createRouteNodeSelector("")(state)
 });
 
 const connected = connect(mapStateToProps)(App);

src/app/containers/Header.test.tsx

@@ -1,13 +1,7 @@
 import * as React from "react";
-import { connect } from "react-redux";
 import { ConnectedLink } from "react-router5";
-import { createSelector } from "reselect";
 import { stylesheet } from "typestyle";
-import { Translator } from "../models/Translator";
-import { ITranslator } from "../models/TranslatorInterfaces";
-import { IStore } from "../redux/IStore";
 import { getRoutes } from "../routes/routes";
-import { translationsSelector } from "../selectors/translationsSelector";
 
 const classNames = stylesheet({
   activeLink: {
@@ -29,66 +23,19 @@ const classNames = stylesheet({
   }
 });
 
-interface IStateToProps {
-  translations: {
-    aboutUs: string;
-    counter: string;
-    home: string;
-    stars: string;
-  };
-}
-
-class Header extends React.Component<IStateToProps> {
+export class Header extends React.Component {
   public render(): JSX.Element {
-    const { translations } = this.props;
     const routes = getRoutes();
     return (
       <nav className={classNames.nav}>
         <ul>
           <li>
             <ConnectedLink activeClassName={classNames.activeLink} routeName={routes.homePage.name}>
-              {translations.home}
-            </ConnectedLink>
-          </li>
-          <li>
-            <ConnectedLink activeClassName={classNames.activeLink} routeName={routes.aboutPage.name}>
-              {translations.aboutUs}
-            </ConnectedLink>
-          </li>
-          <li>
-            <ConnectedLink activeClassName={classNames.activeLink} routeName={routes.counterPage.name}>
-              {translations.counter}
-            </ConnectedLink>
-          </li>
-          <li>
-            <ConnectedLink activeClassName={classNames.activeLink} routeName={routes.starsPage.name}>
-              {translations.stars}
+              Home
             </ConnectedLink>
           </li>
         </ul>
       </nav>
     );
   }
 }
-
-const componentTranslationsSelector = createSelector(
-  translationsSelector,
-  (translations) => {
-    const translator: ITranslator = new Translator(translations);
-    return {
-      aboutUs: translator.translate("About us"),
-      counter: translator.translate("Counter"),
-      home: translator.translate("Home"),
-      stars: translator.translate("Stars")
-    };
-  }
-);
-
-function mapStateToProps(state: Pick<IStore, "settings">): IStateToProps {
-  return {
-    translations: componentTranslationsSelector(state)
-  };
-}
-
-const connected = connect(mapStateToProps)(Header);
-export { connected as Header, Header as UnconnectedHeader, mapStateToProps };