removes styles from time-zone and changes clicking on switches

app/javascript/packs/src/settings/components/account/preferences/InputTimezone.jsx

@@ -51,12 +51,11 @@ class InputTimezone extends Component {
           {this.props.labelValue}
         </h4>
         <TimezonePicker
-          absolute={false}
+          absolute
           defaultValue="Europe/London"
           value={this.props.inputValue}
           placeholder="Select timezone..."
           onChange={this.handleChange}
-          className="time-zone-container"
         />
         <div className="settings-warning">
           <small>

app/javascript/packs/src/settings/components/account/preferences/NotificationsSwitch.jsx

@@ -52,7 +52,7 @@ class NotificationsSwitch extends Component {
           </LeftButton>
           <RightButton
             className="btn btn-primary"
-            disabled={this.props.isDisabled}
+            disabled={this.props.isDisabled || true}
             onClick={this.handleClick}
           >
             <FormattedMessage id="settings_page.yes" />
@@ -64,7 +64,7 @@ class NotificationsSwitch extends Component {
         <div className="btn-group">
           <LeftButton
             className="btn btn-danger"
-            disabled={this.props.isDisabled}
+            disabled={this.props.isDisabled || true}
             onClick={this.handleClick}
           >
             <FormattedMessage id="settings_page.no" />

app/javascript/packs/styles/main.scss

@@ -1,4 +1,5 @@
 @import 'constants';
+@import 'react-bootstrap-timezone-picker/dist/react-bootstrap-timezone-picker.min.css';
 
 body {
   background-color: $color-concrete;
@@ -15,28 +16,3 @@ body {
     background-color: $primary-hover-color;
   }
 }
-
-.time-zone-container {
-  background: $color-white;
-  position: relative;
-  ul {
-    width: 99%;
-    height: 70vh;
-    overflow: auto;
-    position: absolute;
-    top: 35px;
-    padding-left: 5px;
-    background: $color-white;
-    z-index: 9999;
-  }
-
-  li {
-    list-style-type: none;
-    line-height: 1.4 em;
-    font-size: 1.5 em;
-    cursor: pointer;
-    &:hover {
-      background: $color-gainsboro;
-    }
-  }
-}