lukas/OpenMediaCenter
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

add a css file for general SettingsPage.js

Browse Source 
add a basic form for videopath
This commit is contained in:
Lukas Heiligenbrunner 2020-06-29 21:34:43 +02:00
parent 791f2327e1
commit 08c2567551
4 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/SettingsPage/GeneralSettings.css Normal file
View File

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

26
src/pages/SettingsPage/GeneralSettings.js
View File

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

2
src/pages/SettingsPage/SettingsPage.js
View File

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

2
src/pages/SettingsPage/SettingsPage.test.js
View File

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