Add missing Mobx observers to components (#5530)
This commit is contained in:
parent
4c8e8d985c
commit
bf49ebb519
2 changed files with 6 additions and 4 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue