fix: attach field id (#205)

Author: appflowy

src/components/database/components/filters/filter-menu/DateTimeFilterDatePicker.tsx

@@ -66,10 +66,11 @@ function DateTimeFilterDatePicker({ filter }: { filter: DateFilter }) {
 
       updateFilter({
         filterId: filter.id,
+        fieldId: filter.fieldId,
         content,
       });
     },
-    [filter.id, isRange, updateFilter]
+    [filter.id, filter.fieldId, isRange, updateFilter]
   );
 
   const text = useMemo(() => {

src/components/database/components/filters/filter-menu/DateTimeFilterMenu.tsx

@@ -89,10 +89,11 @@ function TextFilterMenu ({ filter }: { filter: DateFilter }) {
     if (newCondition) {
       updateFilter({
         filterId: filter.id,
+        fieldId: filter.fieldId,
         condition: isStart ? newCondition.value - 8 : newCondition.value + 8,
       });
     }
-  }, [conditions, filter.condition, filter.id, updateFilter]);
+  }, [conditions, filter.condition, filter.id, filter.fieldId, updateFilter]);
 
   return (
     <div

src/components/database/components/filters/filter-menu/FilterConditionsSelect.tsx

@@ -56,6 +56,7 @@ function FilterConditionsSelect ({
                 } else {
                   updateFilter({
                     filterId: filter.id,
+                    fieldId: filter.fieldId,
                     condition: condition.value,
                   });
                 }

src/components/database/components/filters/filter-menu/MultiSelectOptionFilterMenu.tsx

@@ -52,6 +52,7 @@ function MultiSelectOptionFilterMenu({ filter }: { filter: SelectOptionFilter })
 
       updateFilter({
         filterId: filter.id,
+        fieldId: filter.fieldId,
         content: newSelectedIds.filter((id) => id !== '').join(','),
       });
     },

src/components/database/components/filters/filter-menu/NumberFilterMenu.tsx

@@ -16,6 +16,7 @@ function NumberFilterMenu ({ filter }: { filter: NumberFilter }) {
     setValue(e.target.value);
     updateFilter({
       filterId: filter.id,
+      fieldId: filter.fieldId,
       content: e.target.value,
     });
   };

src/components/database/components/filters/filter-menu/SingleSelectOptionFilterMenu.tsx

@@ -28,6 +28,7 @@ function SingleSelectOptionFilterMenu({ filter }: { filter: SelectOptionFilter }
 
       updateFilter({
         filterId: filter.id,
+        fieldId: filter.fieldId,
         content: newSelectedIds.filter((id) => id !== '').join(','),
       });
     },

src/components/database/components/filters/filter-menu/TextFilterMenu.tsx

@@ -17,6 +17,7 @@ function TextFilterMenu ({ filter }: { filter: TextFilter }) {
     setValue(e.target.value);
     updateFilter({
       filterId: filter.id,
+      fieldId: filter.fieldId,
       content: e.target.value,
     });
   };