From 6b39d6b79abaa97c0e98ccab9949619ffbf8376a Mon Sep 17 00:00:00 2001
From: Nilstrieb <niltrieb@gmail.com>
Date: Sun, 14 Feb 2021 15:44:50 +0100
Subject: [PATCH] hugo

---
 src/App.js                           | 7 ++++---
 src/Home.js                          | 2 +-
 src/{Planes.js => PlaneInfo.js}      | 5 +++--
 src/{Militaer.js => PlaneList.js}    | 8 ++++----
 src/{Plane.js => PlanePreview.js}    | 4 ++--
 src/plane.css                        | 3 +++
 src/{Plane.css => plane_preview.css} | 0
 7 files changed, 17 insertions(+), 12 deletions(-)
 rename src/{Planes.js => PlaneInfo.js} (91%)
 rename src/{Militaer.js => PlaneList.js} (71%)
 rename src/{Plane.js => PlanePreview.js} (94%)
 create mode 100644 src/plane.css
 rename src/{Plane.css => plane_preview.css} (100%)

diff --git a/src/App.js b/src/App.js
index 322b632..62b76b4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,10 +3,10 @@ import {
     Route, NavLink, HashRouter
 } from 'react-router-dom'
 import './app.css';
-import Modern from './Militaer';
+import PlaneList from './PlaneList';
 import Home from './Home';
 import UeberHugo from './UeberHugo'
-import Planes from "./Planes";
+import Planes from "./PlaneInfo";
 
 class App extends Component {
     render() {
@@ -20,7 +20,8 @@ class App extends Component {
                     <main>
                         <Route exact path="/" component={Home}/>
                         <Route exact path="/hugo" component={UeberHugo}/>
-                        <Route path="/militaer/modern" component={Modern}/>
+                        <Route path="/militaer/modern" component={PlaneList}/>
+                        <Route path="/flugzeuge" component={Planes}/>
                         <Route path="/flugzeug" component={Planes}/>
                     </main>
                     <Footer/>
diff --git a/src/Home.js b/src/Home.js
index 749bf2f..ebe3597 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import ModelImage from './Plane';
+import ModelImage from './PlanePreview';
 import planes from './planes.json'
 
 class Home extends Component {
diff --git a/src/Planes.js b/src/PlaneInfo.js
similarity index 91%
rename from src/Planes.js
rename to src/PlaneInfo.js
index fa5c6bb..e2a1445 100644
--- a/src/Planes.js
+++ b/src/PlaneInfo.js
@@ -1,5 +1,6 @@
 import React, {Component} from 'react';
-import planes from './planes.json'
+import planes from './planes.json';
+import './plane.css';
 
 class Planes extends Component {
     render() {
@@ -25,7 +26,7 @@ class Planes extends Component {
             content =
                 <div>
                     <h2>{plane.name}</h2>
-                    <img src={imgPath} alt={'Bild von ' + plane.name}/>
+                    <img src={imgPath} alt={'Bild von ' + plane.name} className="plane-image"/>
                     <p>{plane.description}</p>
                 </div>
             ;
diff --git a/src/Militaer.js b/src/PlaneList.js
similarity index 71%
rename from src/Militaer.js
rename to src/PlaneList.js
index f706343..62380e3 100644
--- a/src/Militaer.js
+++ b/src/PlaneList.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import ModelImage from './Plane'
+import React, {Component} from 'react';
+import ModelImage from './PlanePreview'
 
 
-class Modern extends React.Component {
+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'}/>);
@@ -16,4 +16,4 @@ class Modern extends React.Component {
     }
 }
 
-export default Modern;
\ No newline at end of file
+export default PlaneList;
\ No newline at end of file
diff --git a/src/Plane.js b/src/PlanePreview.js
similarity index 94%
rename from src/Plane.js
rename to src/PlanePreview.js
index de860b8..fd1b3c2 100644
--- a/src/Plane.js
+++ b/src/PlanePreview.js
@@ -1,8 +1,8 @@
 import React, {Component} from 'react';
 import {
-    Route, NavLink, HashRouter
+    NavLink
 } from 'react-router-dom'
-import './Plane.css'
+import './plane_preview.css'
 
 
 class ModelImage extends Component {
diff --git a/src/plane.css b/src/plane.css
new file mode 100644
index 0000000..38b2da0
--- /dev/null
+++ b/src/plane.css
@@ -0,0 +1,3 @@
+.plane-image {
+    height: 500px;
+}
\ No newline at end of file
diff --git a/src/Plane.css b/src/plane_preview.css
similarity index 100%
rename from src/Plane.css
rename to src/plane_preview.css