From 08c25675517a6685fdafe2d4f69210d3bb46a148 Mon Sep 17 00:00:00 2001
From: Lukas Heiligenbrunner <lukas.heiligenbrunner@gmail.com>
Date: Mon, 29 Jun 2020 21:34:43 +0200
Subject: [PATCH] add a css file for general SettingsPage.js add a basic form
 for videopath

---
 src/pages/SettingsPage/GeneralSettings.css  |  3 +++
 src/pages/SettingsPage/GeneralSettings.js   | 26 +++++++++++++++++++++
 src/pages/SettingsPage/SettingsPage.js      |  2 +-
 src/pages/SettingsPage/SettingsPage.test.js |  2 +-
 4 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/SettingsPage/GeneralSettings.css

diff --git a/src/pages/SettingsPage/GeneralSettings.css b/src/pages/SettingsPage/GeneralSettings.css
new file mode 100644
index 0000000..2d3d496
--- /dev/null
+++ b/src/pages/SettingsPage/GeneralSettings.css
@@ -0,0 +1,3 @@
+.GeneralForm {
+    width: 60%;
+}
\ No newline at end of file
diff --git a/src/pages/SettingsPage/GeneralSettings.js b/src/pages/SettingsPage/GeneralSettings.js
index e33d38f..618d6a7 100644
--- a/src/pages/SettingsPage/GeneralSettings.js
+++ b/src/pages/SettingsPage/GeneralSettings.js
@@ -1,4 +1,6 @@
 import React from "react";
+import {Form, Col, Button} from "react-bootstrap";
+import "./GeneralSettings.css"
 
 class GeneralSettings extends React.Component {
     constructor(props) {
@@ -11,6 +13,30 @@ class GeneralSettings extends React.Component {
         return (
             <>
                 Generalsettings here
+                <div className='GeneralForm'>
+                    <Form>
+                        <Form.Row>
+                            <Form.Group as={Col} controlId="formGridEmail">
+                                <Form.Label>Video Path</Form.Label>
+                                <Form.Control type="text" placeholder="todo password here" />
+                            </Form.Group>
+
+                            <Form.Group as={Col} controlId="formGridPassword">
+                                <Form.Label>Password</Form.Label>
+                                <Form.Control type="password" placeholder="Password" />
+                            </Form.Group>
+                        </Form.Row>
+
+                        <Form.Group controlId="formGridAddress1">
+                            <Form.Label>Address</Form.Label>
+                            <Form.Control placeholder="1234 Main St" />
+                        </Form.Group>
+
+                        <Button variant="primary" type="submit">
+                            Submit
+                        </Button>
+                    </Form>
+                </div>
             </>
         );
     }
diff --git a/src/pages/SettingsPage/SettingsPage.js b/src/pages/SettingsPage/SettingsPage.js
index f627fb5..f3543a0 100644
--- a/src/pages/SettingsPage/SettingsPage.js
+++ b/src/pages/SettingsPage/SettingsPage.js
@@ -20,7 +20,7 @@ class SettingsPage extends React.Component {
             case "movies":
                 return <MovieSettings/>;
             case "tv":
-                return <a/>; // todo this page
+                return <span/>; // todo this page
             default:
                 return "unknown button clicked";
         }
diff --git a/src/pages/SettingsPage/SettingsPage.test.js b/src/pages/SettingsPage/SettingsPage.test.js
index 503e0eb..5cac3a6 100644
--- a/src/pages/SettingsPage/SettingsPage.test.js
+++ b/src/pages/SettingsPage/SettingsPage.test.js
@@ -29,7 +29,7 @@ describe('<RandomPage/>', function () {
 
         simulateSideBarClick("TV Shows",wrapper);
         expect(wrapper.state().currentpage).toBe("tv");
-        expect(wrapper.find(".SettingsContent").find("a")).toHaveLength(1);
+        expect(wrapper.find(".SettingsContent").find("span")).toHaveLength(1);
     });
 
     function simulateSideBarClick(name, wrapper) {