- feat: Style tweaks.

- feat: footer links on dashboard.
- feat: Inactive accounts view.

client/src/components/Dashboard/DashboardContent.js

@@ -1,12 +1,15 @@
 import React from 'react';
 import DashboardTopbar from 'components/Dashboard/DashboardTopbar';
 import DashboardContentRoute from 'components/Dashboard/DashboardContentRoute';
+import DashboardFooter from 'components/Dashboard/DashboardFooter';
 
 export default function() {
   return (
     <div className="dashboard-content" id="dashboard">
       <DashboardTopbar />
       <DashboardContentRoute />
+
+      <DashboardFooter />
     </div>
   );
 }

client/src/components/Dashboard/DashboardFooter.js

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import footerLinks from 'config/footerLinks';
+import { For } from 'components';
+
+function FooterLinkItem({ title, link }) {
+  return (
+    <div class="">
+      <a href={link} target="_blank">
+        {title}
+      </a>
+    </div>
+  );
+}
+
+export default function DashboardFooter({}) {
+  return (
+    <div class="dashboard__footer">
+      <div class="footer-links">
+        <For render={FooterLinkItem} of={footerLinks} />
+      </div>
+    </div>
+  );
+}

client/src/config/footerLinks.js

@@ -0,0 +1,33 @@
+
+
+
+export default [
+  {
+    title: 'Blog',
+    link: '#',
+  },
+  {
+    title: 'Support',
+    link: '#',
+  },
+  {
+    title: 'Status',
+    link: '#',
+  },
+  {
+    title: 'Pricing',
+    link: '#',
+  },
+  {
+    title: 'Solution Partner Program',
+    link: '#',
+  },
+  {
+    title: 'Docs',
+    link: '#',
+  },
+  {
+    title: 'Bigcapital',
+    link: '#',
+  }
+]

client/src/style/pages/dashboard.scss

@@ -301,6 +301,30 @@
       color: #555;
     }
   }
+
+  &__footer{
+    margin-top: auto;
+    padding: 8px 0;
+    border-top: 1px solid #ececec;
+    
+    .footer-links{
+      text-align: center;
+
+      > div{
+        font-size: 12px;
+        margin-right: 20px;
+        display: inline;
+
+        a{
+          color: #8c8c8c;
+
+          &:hover{
+            color: $blue2;
+          }
+        }
+      }      
+    }
+  }
 }
 
 .tabs--dashboard-views{

client/src/style/views/Sidebar.scss

@@ -1,7 +1,7 @@
 $sidebar-background: #01194e;
 $sidebar-text-color: #fff;
 $sidebar-width: 100%;
-$sidebar-menu-item-color: rgba(255, 255, 255, 0.85);
+$sidebar-menu-item-color: rgba(255, 255, 255, 0.9);
 $sidebar-popover-submenu-bg: rgb(1, 20, 62);
 $sidebar-menu-label-color: rgba(255, 255, 255, 0.5);
 $sidebar-submenu-item-color: rgba(255, 255, 255, 0.55);