binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add missing Mobx observers to components (#5530)

Browse source
This commit is contained in:
rahulramesha 2024-09-05 15:34:08 +05:30 • committed by GitHub
parent 4c8e8d985c
commit bf49ebb519
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/core/components/issues/filters.tsx
View file

@ -1,6 +1,7 @@
"use client"; "use client";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { observer } from "mobx-react";
// types // types
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types"; import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
// ui // ui
@ -29,7 +30,7 @@ type Props = {
workspaceSlug: string; workspaceSlug: string;
canUserCreateIssue: boolean | undefined; canUserCreateIssue: boolean | undefined;
}; };
const HeaderFilters = ({ currentProjectDetails, projectId, workspaceSlug, canUserCreateIssue }: Props) => { const HeaderFilters = observer(({ currentProjectDetails, projectId, workspaceSlug, canUserCreateIssue }: Props) => {
// states // states
const [analyticsModal, setAnalyticsModal] = useState(false); const [analyticsModal, setAnalyticsModal] = useState(false);
// store hooks // store hooks
@ -140,6 +141,6 @@ const HeaderFilters = ({ currentProjectDetails, projectId, workspaceSlug, canUse
)} )}
</> </>
); );
}; });
export default HeaderFilters; export default HeaderFilters;

5
web/core/components/project/filters.tsx
View file

@ -1,4 +1,5 @@
import { useCallback } from "react"; import { useCallback } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { ListFilter } from "lucide-react"; import { ListFilter } from "lucide-react";
// types // types
@ -19,7 +20,7 @@ type Props = {
isMobile?: boolean; isMobile?: boolean;
}; };
const HeaderFilters = ({ filterMenuButton, isMobile, classname = "", filterClassname = "" }: Props) => { const HeaderFilters = observer(({ filterMenuButton, isMobile, classname = "", filterClassname = "" }: Props) => {
// router // router
const { workspaceSlug } = useParams(); const { workspaceSlug } = useParams();
const { const {
@ -89,5 +90,5 @@ const HeaderFilters = ({ filterMenuButton, isMobile, classname = "", filterClass
</div> </div>
</div> </div>
); );
}; });
export default HeaderFilters; export default HeaderFilters;