Complete Fix view work (#2272)

* Fix views

* Make view sorts and view filters functional

* Complete Company table view fix

* Fix model creation

* Start fixing board

* Complete work

front/src/pages/tasks/Tasks.tsx

@@ -4,6 +4,7 @@ import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contex
 import { PageAddTaskButton } from '@/activities/tasks/components/PageAddTaskButton';
 import { TaskGroups } from '@/activities/tasks/components/TaskGroups';
 import { FilterDropdownButton } from '@/ui/data/filter/components/FilterDropdownButton';
+import { FilterScope } from '@/ui/data/filter/scopes/FilterScope';
 import { IconArchive, IconCheck, IconCheckbox } from '@/ui/display/icon/index';
 import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
 import { PageBody } from '@/ui/layout/page/PageBody';
@@ -47,30 +48,35 @@ export const Tasks = () => {
   return (
     <PageContainer>
       <RecoilScope CustomRecoilScopeContext={TasksRecoilScopeContext}>
-        <TasksEffect />
-        <PageHeader title="Tasks" Icon={IconCheckbox}>
-          <PageAddTaskButton />
-        </PageHeader>
-        <PageBody>
-          <StyledTasksContainer>
-            <TopBar
-              leftComponent={
-                <StyledTabListContainer>
-                  <TabList context={TasksRecoilScopeContext} tabs={TASK_TABS} />
-                </StyledTabListContainer>
-              }
-              rightComponent={
-                <FilterDropdownButton
-                  key="tasks-filter-dropdown-button"
-                  hotkeyScope={{
-                    scope: RelationPickerHotkeyScope.RelationPicker,
-                  }}
-                />
-              }
-            />
-            <TaskGroups />
-          </StyledTasksContainer>
-        </PageBody>
+        <FilterScope filterScopeId="tasks-filter-scope">
+          <TasksEffect />
+          <PageHeader title="Tasks" Icon={IconCheckbox}>
+            <PageAddTaskButton />
+          </PageHeader>
+          <PageBody>
+            <StyledTasksContainer>
+              <TopBar
+                leftComponent={
+                  <StyledTabListContainer>
+                    <TabList
+                      context={TasksRecoilScopeContext}
+                      tabs={TASK_TABS}
+                    />
+                  </StyledTabListContainer>
+                }
+                rightComponent={
+                  <FilterDropdownButton
+                    key="tasks-filter-dropdown-button"
+                    hotkeyScope={{
+                      scope: RelationPickerHotkeyScope.RelationPicker,
+                    }}
+                  />
+                }
+              />
+              <TaskGroups />
+            </StyledTasksContainer>
+          </PageBody>
+        </FilterScope>
       </RecoilScope>
     </PageContainer>
   );

front/src/pages/tasks/TasksEffect.tsx

@@ -5,29 +5,27 @@ import { currentUserState } from '@/auth/states/currentUserState';
 import { useFilter } from '@/ui/data/filter/hooks/useFilter';
 import { ViewFilterOperand } from '@/views/types/ViewFilterOperand';
 
-import { tasksFilters } from './tasks-filters';
+import { tasksFilterDefinitions } from './tasks-filter-definitions';
 
 export const TasksEffect = () => {
   const [currentUser] = useRecoilState(currentUserState);
-  const { setSelectedFilters, setAvailableFilters } = useFilter();
+  const { setSelectedFilter, setAvailableFilterDefinitions } = useFilter();
 
   useEffect(() => {
-    setAvailableFilters(tasksFilters);
-  }, [setAvailableFilters]);
+    setAvailableFilterDefinitions(tasksFilterDefinitions);
+  }, [setAvailableFilterDefinitions]);
 
   useEffect(() => {
     if (currentUser) {
-      setSelectedFilters([
-        {
-          key: 'assigneeId',
-          type: 'entity',
-          value: currentUser.id,
-          operand: ViewFilterOperand.Is,
-          displayValue: currentUser.displayName,
-          displayAvatarUrl: currentUser.avatarUrl ?? undefined,
-        },
-      ]);
+      setSelectedFilter({
+        fieldId: 'assigneeId',
+        value: currentUser.id,
+        operand: ViewFilterOperand.Is,
+        displayValue: currentUser.displayName,
+        displayAvatarUrl: currentUser.avatarUrl ?? undefined,
+        definition: tasksFilterDefinitions[0],
+      });
     }
-  }, [currentUser, setSelectedFilters]);
+  }, [currentUser, setSelectedFilter]);
   return <></>;
 };

front/src/pages/tasks/tasks-filter-definitions.tsx

@@ -3,9 +3,9 @@ import { IconUser, IconUserCircle } from '@/ui/display/icon';
 import { FilterDropdownUserSearchSelect } from '@/users/components/FilterDropdownUserSearchSelect';
 import { Activity } from '~/generated/graphql';
 
-export const tasksFilters: FilterDefinitionByEntity<Activity>[] = [
+export const tasksFilterDefinitions: FilterDefinitionByEntity<Activity>[] = [
   {
-    key: 'assigneeId',
+    fieldId: 'assigneeId',
     label: 'Assignee',
     Icon: IconUser,
     type: 'entity',