Add view option - show empty projects

cypress/e2e/dashboard.cy.ts

@@ -7,6 +7,9 @@ import {
     participants,
     projectListItem,
     watch,
+    sortPanel,
+    sortPanelDropdownTrigger,
+    sortPanelEmptyProjectsCheckbox,
 } from '../../src/utils/domObjects';
 import { keyPredictor } from '../../src/utils/keyPredictor';
 import { getTranslation } from '../support/lang';
@@ -33,16 +36,10 @@ describe('Dashboard', () => {
         cy.signInViaEmail();
     });
 
-    it('filters are active by default', () => {
-        cy.get('body')
-            .should('exist')
-            .then(($body) => {
-                if ($body.find(projectListItem.query).length > 0) {
-                    cy.get(projectListItem.query).filter(`:contains(${projectOne})`).should('not.exist');
-                    return;
-                }
-                cy.get(projectListItem.query).should('not.exist');
-            });
+    it.only('filters are active by default', () => {
+        cy.get('body').should('exist');
+
+        cy.get(projectListItem.query).filter(`:contains(${projectOne})`).should('exist');
 
         cy.get(filtersPanelResetButton.query).should('exist').click().should('not.exist');
 
@@ -89,23 +86,32 @@ describe('User dashboard', () => {
             }).then((res) => Cypress.env('testUserProject', res));
         });
 
-        it('user dont see own project without goals with applied filters', () => {
-            cy.get(projectListItem.query).should('not.exist');
+        it('user see own project without goals with applied filters', () => {
+            cy.get(projectListItem.query).should('exist').and('include.text', userProjectTitle);
         });
 
-        it('user see own project without goals with clear filters', () => {
+        it("user don't see own project without goals with empty projects filters", () => {
+            cy.get(projectListItem.query).should('exist');
+
+            cy.get(sortPanel.query).should('not.exist');
+            cy.get(sortPanelDropdownTrigger.query).should('exist').click();
+            cy.get(sortPanel.query).should('exist');
+            cy.get(sortPanelEmptyProjectsCheckbox.query)
+                .should('exist')
+                .and('be.checked')
+                .click()
+                .should('not.checked');
+
             cy.get(projectListItem.query).should('not.exist');
+        });
 
+        it('user see own project without goals with clear filters', () => {
             cy.get(filtersPanelResetButton.query).should('exist').click().should('not.exist');
 
             cy.get(projectListItem.query).should('exist').and('include.text', userProjectTitle);
         });
 
         it("user can create goal from projects's list", () => {
-            cy.get(projectListItem.query).should('not.exist');
-
-            cy.get(filtersPanelResetButton.query).should('exist').click().should('not.exist');
-
             cy.get(projectListItem.query).find(createGoalInlineControl.query).and('not.include.text');
         });
 

src/components/DashboardPage/DashboardPage.tsx

@@ -122,6 +122,7 @@ export const DashboardPage = ({ user, ssrTime, defaultPresetFallback }: External
                     filterPreset={preset}
                     loading={isLoading}
                     enableLayoutToggle
+                    enableHideProjectToggle
                 />
             }
         >

src/components/FiltersBar/FiltersBar.tsx

@@ -5,6 +5,7 @@ import { nullable } from '@taskany/bricks';
 
 import { PageView } from '../../hooks/useUrlFilterParams';
 import { Dropdown, DropdownPanel, DropdownTrigger } from '../Dropdown/Dropdown';
+import { sortPanel, sortPanelDropdownTrigger } from '../../utils/domObjects';
 
 import s from './FiltersBar.module.css';
 import { tr } from './FiltersBar.i18n';
@@ -37,14 +38,16 @@ export const FiltersBarLayoutSwitch: FC<FiltersBarLayoutSwitchProps> = ({ value
 export const FiltersBarViewDropdown: FC<{ children?: ReactNode }> = ({ children }) => {
     return (
         <Dropdown>
-            <DropdownTrigger className={s.FiltersBarViewDropdownDrigger} view="fill">
+            <DropdownTrigger className={s.FiltersBarViewDropdownDrigger} view="fill" {...sortPanelDropdownTrigger.attr}>
                 <div className={s.FiltersBarViewDropdownDrigger}>
                     <IconAdjustHorizontalSolid size="xxs" />
                     <Text size="s">{tr('View')}</Text>
                 </div>
             </DropdownTrigger>
             <DropdownPanel width={335} placement="bottom-start" className={s.FiltersBarDropdownPanel}>
-                <div className={s.FiltersBarDropdownPanelContainer}>{children}</div>
+                <div className={s.FiltersBarDropdownPanelContainer} {...sortPanel.attr}>
+                    {children}
+                </div>
             </DropdownPanel>
         </Dropdown>
     );

src/components/FiltersPanel/FiltersPanel.i18n/en.json

@@ -14,5 +14,6 @@
     "Reset": "Reset",
     "Grouping": "Grouping",
     "Visibility": "Visibility",
-    "Criteria": "Criteria"
+    "Criteria": "Criteria",
+    "Empty Projects": "Empty Projects"
 }

src/components/FiltersPanel/FiltersPanel.i18n/ru.json

@@ -14,5 +14,6 @@
     "Reset": "Сбросить",
     "Grouping": "Группировка",
     "Visibility": "Видимость",
-    "Criteria": "Критерии"
+    "Criteria": "Критерии",
+    "Empty Projects": "Пустые Проекты"
 }