refactor: innerListItemMenu sorry-cypress#2

mathpaquette · Aug 23, 2022 · 241142b · 241142b
1 parent d3bd5b8
commit 241142b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/packages/dashboard/src/ciBuild/ciBuildsView.tsx b/packages/dashboard/src/ciBuild/ciBuildsView.tsx
@@ -1,4 +1,7 @@
-import { Loop as LoopIcon } from '@mui/icons-material';
+import {
+  Compress as CompressIcon,
+  Loop as LoopIcon,
+} from '@mui/icons-material';
 import { Typography } from '@mui/material';
 import { CiBuildsFeed } from '@sorry-cypress/dashboard/ciBuild/ciBuildsFeed';
 import { Toolbar } from '@sorry-cypress/dashboard/components';
@@ -8,6 +11,7 @@ import { useAutoRefresh } from '../hooks';
 
 export function CiBuildsView() {
   const [search, setSearch] = useState('');
+  const [compactView, setCompactView] = useState(false);
   const [shouldAutoRefresh, setShouldAutoRefresh] = useAutoRefresh();
 
   useLayoutEffect(() => {
@@ -23,6 +27,17 @@ export function CiBuildsView() {
     <>
       <Toolbar
         actions={[
+          {
+            key: 'compactView',
+            text: 'Compact view',
+            showInMenuBreakpoint: ['xs'],
+            icon: CompressIcon,
+            toggleButton: true,
+            selected: compactView,
+            onClick: () => {
+              setCompactView(!compactView);
+            },
+          },
           {
             key: 'autoRefresh',
             text: 'Auto Refresh',

diff --git a/packages/dashboard/src/components/layout/sidebar.tsx b/packages/dashboard/src/components/layout/sidebar.tsx
@@ -311,7 +311,6 @@ export const Sidebar: SidebarType = ({ open, onToggleSidebar }) => {
         )}
         {!loading && ciBuildsView && ciBuildsView.type && (
           <CiBuildsListMenu
-            projectColor={currentProject?.projectColor}
             open={open}
             selectedItem={ciBuildsView.type}
             onItemClick={handleMenuItemClick}

diff --git a/packages/dashboard/src/dashboard/dashboardView.tsx b/packages/dashboard/src/dashboard/dashboardView.tsx
@@ -22,6 +22,8 @@ export const DashboardView: DashboardComponent = () => {
         Home
       </Typography>
 
+      <p>Welcome to Sorry-Cypress!</p>
+
       {redirect && <Navigate to="/projects" />}
     </>
   );