some reformattings

added badges

src/elements/AddTagPopup/AddTagPopup.test.js

@@ -0,0 +1,17 @@
+import React from "react";
+import ReactDom from 'react-dom'
+
+import {render, cleanup} from '@testing-library/react'
+import "@testing-library/jest-dom"
+
+import AddTagPopup from "./AddTagPopup";
+
+afterEach(cleanup);
+
+describe('<AddTagPopup/>', function () {
+    it('renders without crashing ', function () {
+        const div = document.createElement("div");
+        ReactDom.render(<AddTagPopup/>,div);
+        ReactDom.unmountComponentAtNode(div);
+    });
+});

src/elements/SideBar/SideBar.js

@@ -1,5 +1,5 @@
 import React from "react";
-import "../css/SideBar.css"
+import "./SideBar.css"
 
 class SideBar extends React.Component {
     render() {

src/elements/SideBar/SideBar.test.js

@@ -0,0 +1,20 @@
+import React from "react";
+import ReactDom from 'react-dom'
+import SideBar from "./SideBar";
+
+import {render} from '@testing-library/react'
+import "@testing-library/jest-dom"
+
+describe('<SideBar/>', function () {
+    it('renders without crashing ', function () {
+        const div = document.createElement("div");
+        ReactDom.render(<SideBar/>,div);
+        ReactDom.unmountComponentAtNode(div);
+    });
+
+    it('renders childs correctly', function () {
+        const {getByText} = render(<SideBar>test</SideBar>);
+        const randomElement = getByText(/test/i);
+        expect(randomElement).toBeInTheDocument();
+    });
+});

src/elements/Tag/Tag.js

@@ -1,6 +1,6 @@
 import React from "react";
 
-import "../css/Tag.css"
+import "./Tag.css"
 
 class Tag extends React.Component {
 

src/pages/CategoryPage.js

@@ -1,6 +1,6 @@
 import React from "react";
-import SideBar from "../elements/SideBar";
-import Tag from "../elements/Tag";
+import SideBar from "../elements/SideBar/SideBar";
+import Tag from "../elements/Tag/Tag";
 
 import {TagPreview} from "../elements/Preview";
 import NewTagPopup from "../elements/NewTagPopup";

src/pages/HomePage.js

@@ -1,6 +1,6 @@
 import React from "react";
-import SideBar from "../elements/SideBar";
-import Tag from "../elements/Tag";
+import SideBar from "../elements/SideBar/SideBar";
+import Tag from "../elements/Tag/Tag";
 import VideoContainer from "../elements/VideoContainer";
 
 import "../css/HomePage.css"

src/pages/Player.js

@@ -1,9 +1,9 @@
 import React from "react";
 import "../css/Player.css"
 import {PlyrComponent} from 'plyr-react';
-import SideBar from "../elements/SideBar";
-import Tag from "../elements/Tag";
-import AddTagPopup from "../elements/AddTagPopup";
+import SideBar from "../elements/SideBar/SideBar";
+import Tag from "../elements/Tag/Tag";
+import AddTagPopup from "../elements/AddTagPopup/AddTagPopup";
 
 
 class Player extends React.Component {

src/pages/RandomPage.js

@@ -1,8 +1,8 @@
 import React from "react";
 import Preview from "../elements/Preview";
 import "../css/RandomPage.css"
-import SideBar from "../elements/SideBar";
-import Tag from "../elements/Tag";
+import SideBar from "../elements/SideBar/SideBar";
+import Tag from "../elements/Tag/Tag";
 
 class RandomPage extends React.Component {
     constructor(props, context) {