diff --git a/apps/studio/components/layouts/LogsLayout/LogsSidebarMenuV2.tsx b/apps/studio/components/layouts/LogsLayout/LogsSidebarMenuV2.tsx index c321490e436..83e3e51a1ac 100644 --- a/apps/studio/components/layouts/LogsLayout/LogsSidebarMenuV2.tsx +++ b/apps/studio/components/layouts/LogsLayout/LogsSidebarMenuV2.tsx @@ -1,5 +1,4 @@ -import { PermissionAction } from '@supabase/shared-types/out/constants' -import { ChevronRight, CircleHelpIcon, FilePlus, Plus } from 'lucide-react' +import { ChevronRight, CircleHelpIcon, Plus } from 'lucide-react' import Link from 'next/link' import { useRouter } from 'next/router' import { useState } from 'react' @@ -13,13 +12,14 @@ import SavedQueriesItem from 'components/interfaces/Settings/Logs/Logs.SavedQuer import { LogsSidebarItem } from 'components/interfaces/Settings/Logs/SidebarV2/SidebarItem' import { ButtonTooltip } from 'components/ui/ButtonTooltip' import { useContentQuery } from 'data/content/content-query' -import { useCheckPermissions } from 'hooks/misc/useCheckPermissions' +import { useReplicationSourcesQuery } from 'data/replication/sources-query' import { useCurrentOrgPlan } from 'hooks/misc/useCurrentOrgPlan' import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled' import { useFlag } from 'hooks/ui/useFlag' import { Badge, Button, + cn, Collapsible_Shadcn_, CollapsibleContent_Shadcn_, CollapsibleTrigger_Shadcn_, @@ -33,7 +33,6 @@ import { } from 'ui-patterns/InnerSideMenu' import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader' import { FeaturePreviewSidebarPanel } from '../../ui/FeaturePreviewSidebarPanel' -import { useReplicationSourcesQuery } from 'data/replication/sources-query' const SupaIcon = ({ className }: { className?: string }) => { return ( @@ -90,7 +89,15 @@ export function LogsSidebarMenuV2() { projectAuthAll: authEnabled, projectStorageAll: storageEnabled, realtimeAll: realtimeEnabled, - } = useIsFeatureEnabled(['project_storage:all', 'project_auth:all', 'realtime:all']) + logsTemplates: templatesEnabled, + logsCollections: collectionsEnabled, + } = useIsFeatureEnabled([ + 'project_storage:all', + 'project_auth:all', + 'realtime:all', + 'logs:templates', + 'logs:collections', + ]) const enablePgReplicate = useFlag('enablePgReplicate') const { data: etlData, isLoading: isETLLoading } = useReplicationSourcesQuery( @@ -227,7 +234,7 @@ export function LogsSidebarMenuV2() { return (