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

fix: project view application error (#4319)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-04-30 20:14:35 +05:30 committed by GitHub
parent d1978be778
commit 037ddd8bdb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/components/views/views-list.tsx
View File

@ -29,6 +29,11 @@ export const ProjectViewsList = observer(() => {
} = useApplication(); } = useApplication();
const { projectViewIds, getViewById, loader } = useProjectView(); const { projectViewIds, getViewById, loader } = useProjectView();
// outside click detector hook
useOutsideClickDetector(inputRef, () => {
if (isSearchOpen && searchQuery.trim() === "") setIsSearchOpen(false);
});
if (loader || !projectViewIds) return <ViewListLoader />; if (loader || !projectViewIds) return <ViewListLoader />;
// derived values // derived values
@ -47,18 +52,13 @@ export const ProjectViewsList = observer(() => {
} }
}; };
// outside click detector hook
useOutsideClickDetector(inputRef, () => {
if (isSearchOpen && searchQuery.trim() === "") setIsSearchOpen(false);
});
return ( return (
<> <>
{viewsList.length > 0 ? ( {viewsList.length > 0 ? (
<div className="flex h-full w-full flex-col"> <div className="flex h-full w-full flex-col">
<div className="h-[50px] flex-shrink-0 w-full border-b border-custom-border-200 px-6 relative flex items-center gap-4 justify-between"> <div className="h-[50px] flex-shrink-0 w-full border-b border-custom-border-200 px-6 relative flex items-center gap-4 justify-between">
<div className="flex items-center"> <div className="flex items-center">
<span className="block text-sm font-medium">View name</span> <span className="block text-sm font-medium">Project Views</span>
</div> </div>
<div className="h-full flex items-center gap-2"> <div className="h-full flex items-center gap-2">
<div className="flex items-center"> <div className="flex items-center">