final fixes for TaaS work

Author: vas3a

src/actions/sidebar.js

@@ -28,22 +28,25 @@ export function setActiveProject (projectId) {
 /**
  * Loads projects of the authenticated user
  */
-export function loadProjects (filterProjectName = '', myProjects = true) {
+export function loadProjects (filterProjectName = '', myProjects = true, paramFilters = {}) {
   return (dispatch) => {
     dispatch({
       type: LOAD_PROJECTS_PENDING
     })
 
-    const filters = {}
+    const filters = {
+      status: 'active',
+      sort: 'lastActivityAt desc',
+      ...paramFilters
+    }
     if (!_.isEmpty(filterProjectName)) {
       if (!isNaN(filterProjectName)) { // if it is number
         filters['id'] = parseInt(filterProjectName, 10)
       } else { // text search
         filters['keyword'] = decodeURIComponent(filterProjectName)
       }
     }
-    filters['status'] = 'active'
-    filters['sort'] = 'lastActivityAt desc'
+
     // filters['perPage'] = 20
     // filters['page'] = 1
     if (myProjects) {

src/containers/TaaSList/index.js

@@ -6,7 +6,7 @@ import TaaSProjectCard from '../../components/TaaSProjectCard'
 import Loader from '../../components/Loader'
 import cn from 'classnames'
 import { checkAdmin, checkCopilot } from '../../util/tc'
-import { OutlineButton } from '../../components/Buttons'
+import { PrimaryButton } from '../../components/Buttons'
 
 import styles from './styles.module.scss'
 
@@ -29,8 +29,8 @@ const TaaSList = ({ taasProjects, auth, isLoading }) => {
         <div>No project selected. Select one below</div>
         {(isCopilot || isAdmin) && (
           <Link className={styles.buttonCreateNewTaaS} to='/taas/new'>
-            <OutlineButton
-              text='New TaaS Project'
+            <PrimaryButton
+              text='Create TaaS Project'
               type='info'
               submit
             />

src/containers/TaaSList/styles.module.scss

@@ -30,3 +30,16 @@
 .canEdit {
   cursor: pointer;
 }
+
+
+.buttonCreateNewTaaS {
+  min-width: 169px;
+  height: 40px;
+  text-decoration: none;
+  
+  :global {
+    span {
+      margin: 0 20px;
+    }
+  }
+}