From 21ccd165c25ac3475193a47b7f59a8676ed1a65c Mon Sep 17 00:00:00 2001
From: lukas <lukas.heiligenbrunner@gmail.com>
Date: Sun, 7 Jun 2020 23:27:31 +0200
Subject: [PATCH] container insertion issues

---
 src/css/CategoryPage.css    |  4 ----
 src/elements/AddTagPopup.js |  6 +++---
 src/pages/CategoryPage.js   | 31 ++++++++++++++++---------------
 src/pages/Player.js         |  5 ++++-
 4 files changed, 23 insertions(+), 23 deletions(-)
 delete mode 100644 src/css/CategoryPage.css

diff --git a/src/css/CategoryPage.css b/src/css/CategoryPage.css
deleted file mode 100644
index fb7be4a..0000000
--- a/src/css/CategoryPage.css
+++ /dev/null
@@ -1,4 +0,0 @@
-#categorycontent{
-    width: 70%;
-    float: left;
-}
\ No newline at end of file
diff --git a/src/elements/AddTagPopup.js b/src/elements/AddTagPopup.js
index d7243e4..17abd06 100644
--- a/src/elements/AddTagPopup.js
+++ b/src/elements/AddTagPopup.js
@@ -4,7 +4,7 @@ import Dropdown from "react-bootstrap/Dropdown";
 import DropdownButton from "react-bootstrap/DropdownButton";
 
 class AddTagPopup extends React.Component {
-    constructor(props: P, context: any) {
+    constructor(props, context) {
         super(props, context);
 
         this.state = {
@@ -60,7 +60,6 @@ class AddTagPopup extends React.Component {
                     <Modal.Footer>
                         <button className='btn btn-primary' onClick={() => {
                             this.storeselection();
-                            this.props.onHide();
                         }}>Add
                         </button>
                     </Modal.Footer>
@@ -82,8 +81,9 @@ class AddTagPopup extends React.Component {
                     console.log("error occured while writing to db -- todo error handling");
                     console.log(result.result);
                 }
+                this.props.onHide();
             });
     }
 }
 
-export default AddTagPopup;
\ No newline at end of file
+export default AddTagPopup;
diff --git a/src/pages/CategoryPage.js b/src/pages/CategoryPage.js
index dead782..eb6d742 100644
--- a/src/pages/CategoryPage.js
+++ b/src/pages/CategoryPage.js
@@ -2,7 +2,6 @@ import React from "react";
 import SideBar from "../elements/SideBar";
 import Tag from "../elements/Tag";
 
-import "../css/CategoryPage.css"
 import {TagPreview} from "../elements/Preview";
 
 class CategoryPage extends React.Component {
@@ -39,21 +38,23 @@ class CategoryPage extends React.Component {
                     <hr/>
                     <button className='btn btn-success'>Add a new Tag!</button>
                 </SideBar>
-                <div id='categorycontent'>
-                    {!this.state.selected ?
-                        (this.state.loadedtags ?
-                        this.state.loadedtags.map((m) => (
-                            <TagPreview
-                                name={m.tag_name}
-                                tag_id={m.tag_id}
-                                viewbinding={this.props.viewbinding}
-                                categorybinding={this.setPage}/>
-                        )) :
-                        "loading") :
-                        this.selectionelements
-                    }
 
-                </div>
+                {!this.state.selected ?
+                    (<div className='maincontent'>
+                        {this.state.loadedtags ?
+                            this.state.loadedtags.map((m) => (
+                                <TagPreview
+                                    name={m.tag_name}
+                                    tag_id={m.tag_id}
+                                    viewbinding={this.props.viewbinding}
+                                    categorybinding={this.setPage}/>
+                            )) :
+                            "loading"}
+                    </div>) :
+                    this.selectionelements
+                }
+
+
             </>
         );
     }
diff --git a/src/pages/Player.js b/src/pages/Player.js
index 4b9138d..294e674 100644
--- a/src/pages/Player.js
+++ b/src/pages/Player.js
@@ -84,7 +84,10 @@ class Player extends React.Component {
                         </button>
                         {this.state.popupvisible ?
                             <AddTagPopup show={this.state.popupvisible}
-                                         onHide={() => this.setState({popupvisible: false})}
+                                         onHide={() => {
+                                             this.setState({popupvisible: false});
+                                             this.fetchMovieData();
+                                         }}
                                          movie_id={this.state.movie_id}/> :
                             null
                         }