github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: project view item observer added

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-03-14 13:10:34 +05:30
parent 0f92473eba
commit cae1f53183
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/views/applied-filters/filter-item-map.tsx
View File

@ -1,4 +1,5 @@
import { FC, useMemo } from "react"; import { FC, useMemo } from "react";
import { observer } from "mobx-react";
// components // components
import { ViewAppliedFiltersItem } from "./"; import { ViewAppliedFiltersItem } from "./";
// hooks // hooks
@ -13,7 +14,7 @@ type TViewAppliedFiltersItemMap = {
filterValue: string[]; filterValue: string[];
}; };
export const ViewAppliedFiltersItemMap: FC<TViewAppliedFiltersItemMap> = (props) => { export const ViewAppliedFiltersItemMap: FC<TViewAppliedFiltersItemMap> = observer((props) => {
const { workspaceSlug, projectId, filterKey, filterValue } = props; const { workspaceSlug, projectId, filterKey, filterValue } = props;
// hooks // hooks
const viewFilterStore = useViewFilter(workspaceSlug, projectId); const viewFilterStore = useViewFilter(workspaceSlug, projectId);
@ -23,7 +24,7 @@ export const ViewAppliedFiltersItemMap: FC<TViewAppliedFiltersItemMap> = (props)
[viewFilterStore, filterKey] [viewFilterStore, filterKey]
); );
const propertyVisibleCount = 5; const propertyVisibleCount = 3;
if (!filterValue) return <></>; if (!filterValue) return <></>;
@ -54,4 +55,4 @@ export const ViewAppliedFiltersItemMap: FC<TViewAppliedFiltersItemMap> = (props)
</div> </div>
</div> </div>
); );
}; });

9
web/components/views/applied-filters/filter-item.tsx
View File

@ -1,8 +1,11 @@
import { FC } from "react"; import { FC } from "react";
import { observer } from "mobx-react";
// hooks
import { useViewFilter } from "hooks/user-view-filters";
// icons
import { ImagePlus } from "lucide-react"; import { ImagePlus } from "lucide-react";
// types // types
import { IIssueFilterOptions } from "@plane/types"; import { IIssueFilterOptions } from "@plane/types";
import { useViewFilter } from "hooks/user-view-filters";
type TViewAppliedFiltersItem = { type TViewAppliedFiltersItem = {
workspaceSlug: string; workspaceSlug: string;
@ -11,7 +14,7 @@ type TViewAppliedFiltersItem = {
propertyId: string; propertyId: string;
}; };
export const ViewAppliedFiltersItem: FC<TViewAppliedFiltersItem> = (props) => { export const ViewAppliedFiltersItem: FC<TViewAppliedFiltersItem> = observer((props) => {
const { workspaceSlug, projectId, filterKey, propertyId } = props; const { workspaceSlug, projectId, filterKey, propertyId } = props;
// hooks // hooks
const viewFilterHelper = useViewFilter(workspaceSlug, projectId); const viewFilterHelper = useViewFilter(workspaceSlug, projectId);
@ -29,4 +32,4 @@ export const ViewAppliedFiltersItem: FC<TViewAppliedFiltersItem> = (props) => {
<div className="text-xs">{propertyDetail?.label || propertyId}</div> <div className="text-xs">{propertyDetail?.label || propertyId}</div>
</div> </div>
); );
}; });