home errror overflow hidden

Author: Andrei Alexandru

views/src/screens/Home.jsx

@@ -14,7 +14,8 @@ const mapStateToProps = state => {
   return {
     serverUrl: state.serverUrl,
     user: state.user,
-    links: state.links
+    links: state.links,
+    error: state.user.wishlistError ? 'error': ''
   }
 }
 
@@ -35,7 +36,7 @@ class Home extends React.Component {
       links = props.links;
     return (
       <div>
-      <div className="content container">
+      <div className={`content container ${this.props.error}`}>
         <Header />
         <Tabs className="dashboard-tabs">
           <TabList>
@@ -87,5 +88,6 @@ export default connect(mapStateToProps)(Home);
 Home.propTypes = {
   serverUrl: PropTypes.string,
   user: PropTypes.object,
-  links: PropTypes.array
+  links: PropTypes.array,
+  error: PropTypes.string
 }

views/src/scss/style.scss

@@ -4,6 +4,10 @@ $dark-gray: #555;
   color: $dark-gray; //dark-gray
   font-family: 'Roboto', sans-serif;
   min-height: calc(100vh - 292px);
+
+  &.error {
+    overflow: hidden; // Modal error > Prevent scroll
+  }
 }
 
 h1 {