From 0d1cf198b36320172c8034281ecdac838a9b37d7 Mon Sep 17 00:00:00 2001
From: Nilstrieb <niltrieb@gmail.com>
Date: Sat, 13 Feb 2021 18:49:58 +0100
Subject: [PATCH] image loading for hugos planes

---
 src/App.js   | 6 +++---
 src/Home.js  | 4 ++--
 src/Plane.js | 9 ++++++---
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/App.js b/src/App.js
index 1a0c6fb..ef26a9b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,4 @@
-import React, {Component} from "react";
+import React, {Component} from 'react';
 import {
     Route, NavLink, HashRouter
 } from 'react-router-dom'
@@ -17,7 +17,7 @@ class App extends Component {
                     </header>
                     <main>
                         <Route exact path="/" component={Home}/>
-                        <Route path="/flieger-modern" component={Modern}/>
+                        <Route path="/militaer/modern" component={Modern}/>
                     </main>
                     <Footer/>
                 </div>
@@ -43,7 +43,7 @@ class Navigation extends Component {
                             <NavLink to="/">Zwischenkriegszeit</NavLink>
                             <NavLink to="/">Zweiter Weltkrieg</NavLink>
                             <NavLink to="/">Kalter Krieg</NavLink>
-                            <NavLink to="/flieger-modern">Moderne</NavLink>
+                            <NavLink to="/militaer/modern">Moderne</NavLink>
                         </div>
                     </li>
                     <li>
diff --git a/src/Home.js b/src/Home.js
index 75b25ad..a9077aa 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,5 +1,5 @@
-import React, {Component} from "react";
-import ModelImage from "./Plane";
+import React, {Component} from 'react';
+import ModelImage from './Plane';
 
 class Home extends Component {
     render() {
diff --git a/src/Plane.js b/src/Plane.js
index db65076..9f5e4d2 100644
--- a/src/Plane.js
+++ b/src/Plane.js
@@ -1,4 +1,7 @@
-import React, {Component} from "react";
+import React, {Component} from 'react';
+import {
+    Route, NavLink, HashRouter
+} from 'react-router-dom'
 import './Plane.css'
 
 
@@ -17,12 +20,12 @@ class ModelImage extends Component {
 
     render() {
         return (
-            <a href="" className="model">
+            <NavLink to={'/flugzeug/' + this.state.name} className="model">
                 <img src={process.env.PUBLIC_URL + '/img/' + this.state.src} alt={this.state.name}/>
                 <div className="model-info">
                     <span className="model-info-text">{this.state.name}</span>
                 </div>
-            </a>
+            </NavLink>
         );
     }
 }