Refactor: Inbox store, remove inboxes from sidebar (#387)

* Refactor: Inbox store, remove inboxes from sidebar

* Add a new page for inbox settings

* Show inboxes on sidebar

* Add inbox_members API

* Disable similar-code check

* Fix codeclimate scss issues

* Add widget_color update API and actions

* Add specs for inbox store

* Fix Facebook auth flow

* Fix agent loading, inbox name

app/javascript/dashboard/assets/scss/views/settings/inbox.scss

@@ -1,3 +1,10 @@
+.settings {
+  overflow: auto;
+
+  .page-top-bar {
+    @include padding($space-normal $space-two $zero);
+  }
+}
 // Conversation header - Light BG
 .settings-header {
   @include padding($space-small $space-normal);
@@ -196,51 +203,23 @@
   }
 }
 
-.settings-modal {
-  height: 80%;
-  max-width: 1040px;
-  width: 100%;
+.settings--content {
+  @include margin($space-small $space-medium);
 
-  .delete-wrapper {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    @include flex;
-    flex-direction: row;
-    justify-content: space-between;
-    @include padding($space-normal $space-large);
-
-    a {
-      margin-left: $space-normal;
-    }
+  .title {
+    font-weight: $font-weight-medium;
   }
 
-  .settings--content {
-    @include margin($space-medium);
+  .code {
+    max-height: $space-mega;
+    overflow: scroll;
+    white-space: nowrap;
+    @include padding($space-one);
+    background: $color-background;
 
-    .title {
-      font-weight: $font-weight-medium;
-    }
-
-    .code {
-      max-height: $space-mega;
-      overflow: scroll;
-      white-space: nowrap;
-      @include padding($space-one);
-      background: $color-background;
-
-      code {
-        background: transparent;
-        border: 0;
-      }
-    }
-  }
-
-  .agent-wrapper {
-    @include margin($space-medium);
-
-    .title {
-      font-weight: $font-weight-medium;
+    code {
+      background: transparent;
+      border: 0;
     }
   }
 }

app/javascript/dashboard/assets/scss/widgets/_modal.scss

@@ -27,6 +27,15 @@
   }
 }
 
+
+.page-top-bar {
+  @include padding($zero $space-two);
+
+  img {
+    max-height: 6rem;
+  }
+}
+
 .modal-container {
   background-color: $color-white;
   border-radius: $space-small;
@@ -35,13 +44,6 @@
   position: relative;
   width: 60rem;
 
-  .page-top-bar {
-    @include padding($zero $space-two);
-
-    img {
-      max-height: 6rem;
-    }
-  }
 
   .content-box {
     @include padding($zero);