reformattings and name change

src/App.js

@@ -19,7 +19,7 @@ class App extends React.Component {
         return (
             <div className="App">
                 <nav className="navbar navbar-expand-sm bg-primary navbar-dark">
-                    <div className="navbar-brand">Lukis Tube</div>
+                    <div className="navbar-brand">OpenMediaCenter</div>
 
                     <ul className="navbar-nav">
                         <li className="nav-item">

src/HomePage.js

@@ -29,7 +29,7 @@ class HomePage extends React.Component {
         updateRequest.append('action', 'getMovies');
 
         // fetch all videos available
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json()
                 .then((result) => {
                     this.data = result;

src/Player.js

@@ -35,7 +35,7 @@ class Player extends React.Component {
 
     render() {
         return (
-            <div>
+            <div id='videocontainer'>
                 <div className="row">
                     <div className="col-sm-2">
                         <div className="videoleftbanner">
@@ -81,7 +81,7 @@ class Player extends React.Component {
         updateRequest.append('action', 'loadVideo');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json())
             .then((result) => {
                 this.setState({
@@ -108,7 +108,7 @@ class Player extends React.Component {
         updateRequest.append('action', 'addLike');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json())
             .then((result) => {
                 if(result.result === "success"){

src/Preview.js

@@ -27,7 +27,7 @@ class Preview extends React.Component {
         updateRequest.append('action', 'readThumbnail');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.text())
             .then((result) => {
                 this.setState(prevState => ({

src/RandomPage.js

@@ -3,7 +3,7 @@ import Preview from "./Preview";
 import "./css/RandomPage.css"
 
 class RandomPage extends React.Component {
-    constructor(props: P, context: any) {
+    constructor(props, context) {
         super(props, context);
 
         this.state = {
@@ -53,7 +53,7 @@ class RandomPage extends React.Component {
         updateRequest.append('number', nr);
 
         // fetch all videos available
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json()
                 .then((result) => {
                     this.setState({videos: result});
@@ -64,4 +64,4 @@ class RandomPage extends React.Component {
     }
 }
 
-export default RandomPage;
+export default RandomPage;

src/css/Preview.css

@@ -8,9 +8,9 @@
     height: 80%;
 }
 
-.previewimage{
-    width:100%;
-    height:100%;
+.previewimage {
+    width: 100%;
+    height: 100%;
 }
 
 .videopreview {