add a css file for general SettingsPage.js

add a basic form for videopath

src/pages/SettingsPage/GeneralSettings.css

@@ -0,0 +1,3 @@
+.GeneralForm {
+    width: 60%;
+}

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>
             </>
         );
     }

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";
         }

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) {