container insertion issues

src/css/CategoryPage.css

@@ -1,4 +0,0 @@
-#categorycontent{
-    width: 70%;
-    float: left;
-}

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,6 +81,7 @@ class AddTagPopup extends React.Component {
                     console.log("error occured while writing to db -- todo error handling");
                     console.log(result.result);
                 }
+                this.props.onHide();
             });
     }
 }

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

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
                         }