1 files changed, 8 insertions, 3 deletions
diff --git a/frontend/src/views/App.js b/frontend/src/views/App.js
index 14ff7bf..6c101fa 100644
--- a/frontend/src/views/App.js
+++ b/frontend/src/views/App.js
@@ -1,11 +1,11 @@
 import React, {Component} from 'react';
 import Header from "./Header";
-import './App.scss';
 import MainPane from "./MainPane";
 import Footer from "./Footer";
 import {BrowserRouter as Router, Route, Switch} from "react-router-dom";
 import Services from "./Services";
 import Filters from "./Filters";
+import Rules from "./Rules";
 
 class App extends Component {
 
@@ -13,7 +13,8 @@ class App extends Component {
         super(props);
         this.state = {
             servicesWindowOpen: false,
-            filterWindowOpen: false
+            filterWindowOpen: false,
+            rulesWindowOpen: false
         };
     }
 
@@ -25,12 +26,16 @@ class App extends Component {
         if (this.state.filterWindowOpen) {
             modal = <Filters onHide={() => this.setState({filterWindowOpen: false})}/>;
         }
+        if (this.state.rulesWindowOpen) {
+            modal = <Rules onHide={() => this.setState({rulesWindowOpen: false})}/>;
+        }
 
         return (
             <div className="app">
                 <Router>
                     <Header onOpenServices={() => this.setState({servicesWindowOpen: true})}
-                            onOpenFilters={() => this.setState({filterWindowOpen: true})}/>
+                            onOpenFilters={() => this.setState({filterWindowOpen: true})}
+                            onOpenRules={() => this.setState({rulesWindowOpen: true})} />
                     <Switch>
                         <Route path="/connections/:id" children={<MainPane/>}/>
                         <Route path="/" children={<MainPane/>}/>