diff --git a/apps/studio/components/interfaces/Account/AuditLogs.tsx b/apps/studio/components/interfaces/Account/AuditLogs.tsx index 9b774a17b9c81..5ba7a31df6177 100644 --- a/apps/studio/components/interfaces/Account/AuditLogs.tsx +++ b/apps/studio/components/interfaces/Account/AuditLogs.tsx @@ -29,7 +29,8 @@ const AuditLogs = () => { projects: [], // project_ref[] }) - const { data: projects } = useProjectsQuery() + const { data: projectsData } = useProjectsQuery() + const projects = projectsData?.projects ?? [] const { data: organizations } = useOrganizationsQuery() const { data, error, isLoading, isSuccess, isError, isRefetching, refetch } = useProfileAuditLogsQuery( diff --git a/apps/studio/components/interfaces/App/AppBannerWrapper.tsx b/apps/studio/components/interfaces/App/AppBannerWrapper.tsx index d661e01a25c6c..def1fe75b8800 100644 --- a/apps/studio/components/interfaces/App/AppBannerWrapper.tsx +++ b/apps/studio/components/interfaces/App/AppBannerWrapper.tsx @@ -1,9 +1,9 @@ import { PropsWithChildren } from 'react' +import { useFlag } from 'common' import { ClockSkewBanner } from 'components/layouts/AppLayout/ClockSkewBanner' import IncidentBanner from 'components/layouts/AppLayout/IncidentBanner' import { NoticeBanner } from 'components/layouts/AppLayout/NoticeBanner' -import { useFlag } from 'hooks/ui/useFlag' import { OrganizationResourceBanner } from '../Organization/HeaderBanner' const AppBannerWrapper = ({ children }: PropsWithChildren<{}>) => { diff --git a/apps/studio/components/interfaces/App/CommandMenu/OrgProjectSwitcher.tsx b/apps/studio/components/interfaces/App/CommandMenu/OrgProjectSwitcher.tsx index c3de2c3f6331b..518dbd536ed6a 100644 --- a/apps/studio/components/interfaces/App/CommandMenu/OrgProjectSwitcher.tsx +++ b/apps/studio/components/interfaces/App/CommandMenu/OrgProjectSwitcher.tsx @@ -1,10 +1,10 @@ -import { Forward, Wrench, Building } from 'lucide-react' +import { Building, Forward, Wrench } from 'lucide-react' import { useMemo } from 'react' -import { useProjectsQuery } from 'data/projects/projects-query' +import { IS_PLATFORM } from 'common' import { useOrganizationsQuery } from 'data/organizations/organizations-query' +import { useProjectsQuery } from 'data/projects/projects-query' import { PageType, useRegisterCommands, useRegisterPage, useSetPage } from 'ui-patterns/CommandMenu' -import { IS_PLATFORM } from 'common' import { COMMAND_MENU_SECTIONS } from './CommandMenu.utils' const PROJECT_SWITCHER_PAGE_NAME = 'Switch project' @@ -13,10 +13,10 @@ const ORGANIZATION_SWITCHER_PAGE_NAME = 'Configure organization' export function useProjectSwitchCommand() { const setPage = useSetPage() - const { data: _projects } = useProjectsQuery({ enabled: IS_PLATFORM }) + const { data } = useProjectsQuery({ enabled: IS_PLATFORM }) const projects = useMemo( - () => (_projects ?? []).map(({ name, ref }) => ({ name, ref })), - [_projects] + () => (data?.projects ?? []).map(({ name, ref }) => ({ name, ref })), + [data] ) useRegisterPage( diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx index 8a244a0205d7e..76301d74f3356 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewContext.tsx @@ -10,9 +10,8 @@ import { useState, } from 'react' -import { FeatureFlagContext, LOCAL_STORAGE_KEYS } from 'common' -import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization' -import { useFlag, useIsRealtimeSettingsFFEnabled } from 'hooks/ui/useFlag' +import { FeatureFlagContext, LOCAL_STORAGE_KEYS, useFlag } from 'common' +import { useIsRealtimeSettingsFFEnabled } from 'hooks/ui/useFlag' import { EMPTY_OBJ } from 'lib/void' import { FEATURE_PREVIEWS } from './FeaturePreview.constants' diff --git a/apps/studio/components/interfaces/App/RouteValidationWrapper.tsx b/apps/studio/components/interfaces/App/RouteValidationWrapper.tsx index 4ddb8e1039dbb..55aa8393983df 100644 --- a/apps/studio/components/interfaces/App/RouteValidationWrapper.tsx +++ b/apps/studio/components/interfaces/App/RouteValidationWrapper.tsx @@ -77,9 +77,10 @@ const RouteValidationWrapper = ({ children }: PropsWithChildren<{}>) => { } }, [orgsInitialized]) - const { data: projects, isSuccess: projectsInitialized } = useProjectsQuery({ + const { data, isSuccess: projectsInitialized } = useProjectsQuery({ enabled: isLoggedIn, }) + const projects = data?.projects ?? [] const projectsRef = useLatest(projects) useEffect(() => { diff --git a/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyName.tsx b/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyName.tsx index e28c6bb131a56..5a2094f827948 100644 --- a/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyName.tsx +++ b/apps/studio/components/interfaces/Auth/Policies/PolicyEditor/PolicyName.tsx @@ -8,7 +8,7 @@ interface PolicyNameProps { const PolicyName = ({ name = '', limit = 100, onUpdatePolicyName }: PolicyNameProps) => { return ( -
+