From fddfef5829dd64e005b8600b62629274acadafd9 Mon Sep 17 00:00:00 2001
From: Nilstrieb <niltrieb@gmail.com>
Date: Sun, 14 Feb 2021 16:22:11 +0100
Subject: [PATCH] =?UTF-8?q?hugo=20bereit=20f=C3=BCr=20plugzeuge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 {src => public/img}/hugo.jpg                  | Bin
 .../kalter_krieg}/harrier.jpg                 | Bin
 .../img/{military => militaer}/modern/f22.png | Bin
 src/App.js                                    |  41 +++++++++---------
 src/Home.js                                   |   2 +-
 src/PlaneList.js                              |  19 ++++++--
 src/UeberHugo.js                              |   2 +-
 src/planes.json                               |   4 +-
 8 files changed, 39 insertions(+), 29 deletions(-)
 rename {src => public/img}/hugo.jpg (100%)
 rename public/img/{military/cold_war => militaer/kalter_krieg}/harrier.jpg (100%)
 rename public/img/{military => militaer}/modern/f22.png (100%)

diff --git a/src/hugo.jpg b/public/img/hugo.jpg
similarity index 100%
rename from src/hugo.jpg
rename to public/img/hugo.jpg
diff --git a/public/img/military/cold_war/harrier.jpg b/public/img/militaer/kalter_krieg/harrier.jpg
similarity index 100%
rename from public/img/military/cold_war/harrier.jpg
rename to public/img/militaer/kalter_krieg/harrier.jpg
diff --git a/public/img/military/modern/f22.png b/public/img/militaer/modern/f22.png
similarity index 100%
rename from public/img/military/modern/f22.png
rename to public/img/militaer/modern/f22.png
diff --git a/src/App.js b/src/App.js
index 62b76b4..b42879f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -20,8 +20,7 @@ class App extends Component {
                     <main>
                         <Route exact path="/" component={Home}/>
                         <Route exact path="/hugo" component={UeberHugo}/>
-                        <Route path="/militaer/modern" component={PlaneList}/>
-                        <Route path="/flugzeuge" component={Planes}/>
+                        <Route path="/flugzeuge" component={PlaneList}/>
                         <Route path="/flugzeug" component={Planes}/>
                     </main>
                     <Footer/>
@@ -45,38 +44,38 @@ class Navigation extends Component {
                         <NavLink to="/hugo">Über Hugo</NavLink>
                     </li>
                     <li>
-                        <NavLink to="/">Militärflugzeuge</NavLink>
+                        <NavLink to="/flugzeuge/militaer">Militärflugzeuge</NavLink>
                         <div className="content">
-                            <NavLink to="/">Erste Weltkrieg</NavLink>
-                            <NavLink to="/">Zwischenkriegszeit</NavLink>
-                            <NavLink to="/">Zweiter Weltkrieg</NavLink>
-                            <NavLink to="/">Kalter Krieg</NavLink>
-                            <NavLink to="/militaer/modern">Moderne</NavLink>
+                            <NavLink to="/flugzeuge/militaer/erster_weltkrieg">Erste Weltkrieg</NavLink>
+                            <NavLink to="/flugzeuge/militaer/zwischenkriegszeit">Zwischenkriegszeit</NavLink>
+                            <NavLink to="/flugzeuge/militaer/zweiter_weltkrieg">Zweiter Weltkrieg</NavLink>
+                            <NavLink to="/flugzeuge/militaer/kalter_krieg">Kalter Krieg</NavLink>
+                            <NavLink to="/flugzeuge/militaer/modern">Moderne</NavLink>
                         </div>
                     </li>
                     <li>
-                        <NavLink to="/">Airliner</NavLink>
+                        <NavLink to="/flugzeuge/airliner">Airliner</NavLink>
                         <div className="content">
-                            <NavLink to="/">Boeing</NavLink>
-                            <NavLink to="/">Airbus</NavLink>
-                            <NavLink to="/">Andere</NavLink>
+                            <NavLink to="/flugzeuge/airliner/boeing">Boeing</NavLink>
+                            <NavLink to="/flugzeuge/airliner/airbus">Airbus</NavLink>
+                            <NavLink to="/flugzeuge/airliner/andere">Andere</NavLink>
                         </div>
                     </li>
                     <li>
-                        <NavLink to="/">Sportflugzeuge</NavLink>
+                        <NavLink to="/flugzeuge/sport">Sportflugzeuge</NavLink>
                         <div className="content">
-                            <NavLink to="/">Doppeldecker</NavLink>
-                            <NavLink to="/">Propellerflugzeuge</NavLink>
-                            <NavLink to="/">Segelflugzeuge</NavLink>
-                            <NavLink to="/">Andere</NavLink>
+                            <NavLink to="/flugzeuge/sport/doppeldecker">Doppeldecker</NavLink>
+                            <NavLink to="/flugzeuge/sport/propellerflugzeuge">Propellerflugzeuge</NavLink>
+                            <NavLink to="/flugzeuge/sport/segelflugzeuge">Segelflugzeuge</NavLink>
+                            <NavLink to="/flugzeuge/sport/andere">Andere</NavLink>
                         </div>
                     </li>
                     <li>
-                        <NavLink to="/">Spezielle</NavLink>
+                        <NavLink to="/flugzeuge/speziell">Spezielle</NavLink>
                         <div className="content">
-                            <NavLink to="/">Helikopter</NavLink>
-                            <NavLink to="/">Zeppeline</NavLink>
-                            <NavLink to="/">Andere</NavLink>
+                            <NavLink to="/flugzeuge/spezielle/helikopter">Helikopter</NavLink>
+                            <NavLink to="/flugzeuge/spezielle/zeppeline">Zeppeline</NavLink>
+                            <NavLink to="/flugzeuge/spezielle/andere">Andere</NavLink>
                         </div>
                     </li>
                 </ul>
diff --git a/src/Home.js b/src/Home.js
index ebe3597..e3f525d 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -13,7 +13,7 @@ class Home extends Component {
 
     render() {
         const favs = this.state.favs
-            .map(x => <ModelImage src={x.category + x.img} name={x.name} cat={x.category}/>);
+            .map(x => <ModelImage src={x.category + x.img} name={x.name} cat={x.category} key={x.category + x.name}/>);
 
         return (
             <div>
diff --git a/src/PlaneList.js b/src/PlaneList.js
index 62380e3..f34671e 100644
--- a/src/PlaneList.js
+++ b/src/PlaneList.js
@@ -1,16 +1,27 @@
 import React, {Component} from 'react';
 import ModelImage from './PlanePreview'
+import planes from './planes.json';
 
 
 class PlaneList extends Component {
     render() {
-        const items = Array(100).fill(1).map((x, y) => x + y)
-            .map(x => <ModelImage src="military/modern/f22.png" name={'F' + (20 + x) + ' Raptor'}/>);
+        const loc = this.props.location.pathname;
+        const cat = loc.replaceAll('/flugzeuge/', '') + '/';
+
+        let matches = [];
+
+        for (const e of planes) {
+            if (e.category.startsWith(cat)) {
+                matches.push(e);
+            }
+        }
+
+        matches = matches.map(x => <ModelImage src={x.category + x.img} name={x.name} cat={x.category} key={x.category + x.name}/>);
+
 
         return (
             <div>
-                {items}
-                <ModelImage src="harrier.jpg" name="AV-8B Harrier"/>
+                {matches}
             </div>
         )
     }
diff --git a/src/UeberHugo.js b/src/UeberHugo.js
index 1f58935..eb9483f 100644
--- a/src/UeberHugo.js
+++ b/src/UeberHugo.js
@@ -10,7 +10,7 @@ class UeberHugo extends Component {
                 <p>Am liebsten baut er Flugzeuge, sie haben ihn schon sein ganzes Leben fasziniert und er wollte immer Pilot werden.
                 Das hat er zwar nicht geschafft, aber das Modellbauen ermöglicht es ihm, seine Leidenschaft trotzdem auszuleben.
                 Auf dieser Website präsentiert Hugo seine liebsten Flugzeuge, die er am liebsten alle nachbauen würde.</p>
-                <img src={process.env.PUBLIC_URL + '/img/hugo.jpg'} alt="Hugo Boss"/>
+                <img src={process.env.PUBLIC_URL + '/img/hugo.jpg'} alt="Hugo Boss" width="1500px"/>
             </div>
         )
     }
diff --git a/src/planes.json b/src/planes.json
index bbc737f..bca218d 100644
--- a/src/planes.json
+++ b/src/planes.json
@@ -2,7 +2,7 @@
   {
     "name": "F-22 Raptor",
     "img": "f22.png",
-    "category": "military/modern/",
+    "category": "militaer/modern/",
     "description": "Die F-22 Raptor ist ein Kampfflugzeug der 6. Generation der USA. Durch seine moderne Computersteuerung und Tarnkappentechnik ist es der Herr der Lüfte",
     "tags": [
       "fav"
@@ -11,7 +11,7 @@
   {
     "name": "AV-8B Harrier",
     "img": "harrier.jpg",
-    "category": "military/cold_war/",
+    "category": "militaer/kalter_krieg/",
     "description": "Der Harrier ist ein Britisches Kampflugzeug. Er war der erste Jet (im aktiven Einsatz) mit der Fähigkeit, senkrecht wie ein Helikopter abzuheben und zu landen.",
     "tags": [
       "fav"