Add missing Mobx observers to components (#5530)

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

View file

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

View file

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