diff --git a/apps/studio/components/interfaces/Connect/PoolingModesDialog.tsx b/apps/studio/components/interfaces/Connect/PoolingModesDialog.tsx deleted file mode 100644 index 4146ff2de7e..00000000000 --- a/apps/studio/components/interfaces/Connect/PoolingModesDialog.tsx +++ /dev/null @@ -1,109 +0,0 @@ -import { AlertTriangleIcon } from 'lucide-react' - -import { useParams } from 'common' -import { Markdown } from 'components/interfaces/Markdown' -import { DocsButton } from 'components/ui/DocsButton' -import { usePoolingConfigurationQuery } from 'data/database/pooling-configuration-query' -import { useDatabaseSelectorStateSnapshot } from 'state/database-selector' -import { useDatabaseSettingsStateSnapshot } from 'state/database-settings' -import { - AlertDescription_Shadcn_, - AlertTitle_Shadcn_, - Alert_Shadcn_, - Button, - Dialog, - DialogClose, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogSection, - DialogSectionSeparator, - DialogTitle, -} from 'ui' - -export const PoolingModesDialog = () => { - const { ref: projectRef } = useParams() - const snap = useDatabaseSettingsStateSnapshot() - const state = useDatabaseSelectorStateSnapshot() - - const { data } = usePoolingConfigurationQuery({ projectRef: projectRef }) - const primaryConfig = data?.find((x) => x.identifier === state.selectedDatabaseId) - - const navigateToPoolerSettings = () => { - const el = document.getElementById('connection-pooler') - if (el) el.scrollIntoView({ behavior: 'smooth', block: 'center' }) - } - - return ( - - - - -
-

Which pooling mode should I use?

- -
-
- - A connection pooler is a system (external to Postgres) which manages Postgres - connections by allocating connections whenever clients make requests. - -
- - - - - {primaryConfig?.pool_mode === 'session' && ( -
- - - - Pooling mode is currently configured to use session mode - - - To use transaction mode concurrently with session mode, change the pooling mode to - transaction first in the{' '} - { - snap.setShowPoolingModeHelper(false) - navigateToPoolerSettings() - }} - > - connection pooling settings - - . After this, you can use transaction mode on port 6543 and session mode on port - 5432. - - -
- )} - - snap.setShowPoolingModeHelper(false)}> - - - -
-
- ) -} diff --git a/apps/studio/components/interfaces/Home/Connect/Connect.tsx b/apps/studio/components/interfaces/Home/Connect/Connect.tsx index 5bf40adcb16..237619f5e8f 100644 --- a/apps/studio/components/interfaces/Home/Connect/Connect.tsx +++ b/apps/studio/components/interfaces/Home/Connect/Connect.tsx @@ -6,7 +6,6 @@ import { useState } from 'react' import { DatabaseConnectionString } from 'components/interfaces/Connect/DatabaseConnectionString' import { DatabaseConnectionString as OldDatabaseConnectionString } from 'components/interfaces/Settings/Database/DatabaseSettings/DatabaseConnectionString' -import { PoolingModesModal } from 'components/interfaces/Settings/Database/PoolingModesModal' import Panel from 'components/ui/Panel' import { getAPIKeys, useProjectSettingsV2Query } from 'data/config/project-settings-v2-query' import { useCheckPermissions } from 'hooks/misc/useCheckPermissions' @@ -31,7 +30,6 @@ import { CONNECTION_TYPES, ConnectionType, FRAMEWORKS, MOBILES, ORMS } from './C import { getContentFilePath } from './Connect.utils' import ConnectDropdown from './ConnectDropdown' import ConnectTabContent from './ConnectTabContent' -import { PoolingModesDialog } from 'components/interfaces/Connect/PoolingModesDialog' import { useFlag } from 'hooks/ui/useFlag' const Connect = () => { @@ -280,7 +278,6 @@ const Connect = () => { - ) } diff --git a/apps/studio/hooks/ui/useFlag.ts b/apps/studio/hooks/ui/useFlag.ts index f04dd1ab98f..acb4abb6ff5 100644 --- a/apps/studio/hooks/ui/useFlag.ts +++ b/apps/studio/hooks/ui/useFlag.ts @@ -6,7 +6,7 @@ export function useFlag(name: string) { const store: any = useContext(FlagContext) if (name === 'connectDialogUpdate') { - return true + return false } const isObjectEmpty = (objectName: Object) => {