[WEB-1555] fix: analytics empty state flicker (#4754)

* fix: analytics empty state flicker

* chore: todo added
This commit is contained in:
Anmol Singh Bhatia 2024-06-11 17:35:54 +05:30 committed by GitHub
parent 778fca9db6
commit 1c558eb6b3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -20,15 +20,18 @@ const AnalyticsPage = observer(() => {
// store hooks // store hooks
const { toggleCreateProjectModal } = useCommandPalette(); const { toggleCreateProjectModal } = useCommandPalette();
const { setTrackElement } = useEventTracker(); const { setTrackElement } = useEventTracker();
const { workspaceProjectIds } = useProject(); const { workspaceProjectIds, loader } = useProject();
const { currentWorkspace } = useWorkspace(); const { currentWorkspace } = useWorkspace();
// derived values // derived values
const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Analytics` : undefined; const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Analytics` : undefined;
// TODO: refactor loader implementation
return ( return (
<> <>
<PageHead title={pageTitle} /> <PageHead title={pageTitle} />
{workspaceProjectIds && workspaceProjectIds.length > 0 ? ( {workspaceProjectIds && (
<>
{workspaceProjectIds.length > 0 || loader ? (
<div className="flex h-full flex-col overflow-hidden bg-custom-background-100"> <div className="flex h-full flex-col overflow-hidden bg-custom-background-100">
<Tab.Group as={Fragment} defaultIndex={analytics_tab === "custom" ? 1 : 0}> <Tab.Group as={Fragment} defaultIndex={analytics_tab === "custom" ? 1 : 0}>
<Tab.List as="div" className="flex space-x-2 border-b h-[50px] border-custom-border-200 px-0 md:px-5"> <Tab.List as="div" className="flex space-x-2 border-b h-[50px] border-custom-border-200 px-0 md:px-5">
@ -69,6 +72,8 @@ const AnalyticsPage = observer(() => {
/> />
)} )}
</> </>
)}
</>
); );
}); });