Not found view

client/css/rpg-cards.css

     font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial;
 }
 
+/* ---------------------------------------------------------------------------*/
+/* Misc */
+/* ---------------------------------------------------------------------------*/
+.error {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 2.6rem;
+    margin: 2rem;
+}
+
 /* ---------------------------------------------------------------------------*/
 /* Header */
 /* ---------------------------------------------------------------------------*/

client/gulpfile.js

       out: 'app.js'
   });
 
-  var tsProject2 = ts.createProject('tsconfig.json');
+var tsProject2 = ts.createProject('tsconfig.json');
 
 gulp.task('default', function() {
     return tsProject2.src()

client/src/views/notfound.ts

+/// <reference path="./view.ts"/>
+/// <reference path="./header.ts"/>
+/// <reference path="../external/react/react.d.ts"/>
+
+module rpgcards {
+
+	export function renderNotFound(store: Store): React.ReactElement<any> {
+        return React.DOM.div({}
+            , renderHeader(store)
+            , React.DOM.div({ className: 'error' }
+                , "Page not found"
+            ));
+    }
+}

client/src/views/ui.ts

 /// <reference path="./view.ts"/>
 /// <reference path="./decks.ts"/>
+/// <reference path="./notfound.ts"/>
 
 module rpgcards {
 	
 	export function renderUI(store: Store): React.ReactElement<any> {
 		switch(store.getViewState()) {
 			case ViewState.MainMenu: return renderDecks(store);
-			case ViewState.DeckEdit: return renderDecks(store);
+			case ViewState.DeckList: return renderDecks(store);
+			case ViewState.DeckEdit: return renderNotFound(store);
+			case ViewState.DeckAddDataset: return renderNotFound(store);
+			case ViewState.TemplateList: return renderNotFound(store);
+			case ViewState.TemplateEdit: return renderNotFound(store);
+			case ViewState.DatasetList: return renderNotFound(store);
+			case ViewState.DatasetEdit: return renderNotFound(store);
+			case ViewState.DatasetEditRecord: return renderNotFound(store);
+			case ViewState.Unknown: return renderNotFound(store);
+			default: throw new Error("Unknown view state");
 		}
 	}
 }

client/tsconfig.json

         "./src/views/view.ts",
         "./src/views/decks.ts",
         "./src/views/header.ts",
+        "./src/views/notfound.ts",
         "./src/views/ui.ts"
     ]
 }