diff --git a/studio/components/interfaces/Settings/Database/ConnectionPooling.tsx b/studio/components/interfaces/Settings/Database/ConnectionPooling.tsx index 8eb6c0b4812..cfb85ffcccb 100644 --- a/studio/components/interfaces/Settings/Database/ConnectionPooling.tsx +++ b/studio/components/interfaces/Settings/Database/ConnectionPooling.tsx @@ -35,6 +35,7 @@ const ConnectionPooling = () => { 'pool_mode', 'pgbouncer_enabled', 'max_client_conn', + 'connectionString', ] const bouncerInfo = isSuccess ? pluckObjectFields(formModel, BOUNCER_FIELDS) : {} @@ -107,6 +108,7 @@ interface ConfigProps { pool_mode: string pgbouncer_enabled: boolean max_client_conn: number + connectionString: string } connectionInfo: { db_host: string @@ -256,11 +258,7 @@ export const PgbouncerConfig: FC = ({ projectRef, bouncerInfo, conn copy disabled label="Connection string" - value={ - `postgres://${connectionInfo.db_user}:[YOUR-PASSWORD]@` + - `${connectionInfo.db_host}:${connectionInfo.db_port}` + - `/${connectionInfo.db_name}` - } + value={bouncerInfo.connectionString} /> diff --git a/studio/data/database/pooling-configuration-query.ts b/studio/data/database/pooling-configuration-query.ts index 38f457e6401..348cb639a98 100644 --- a/studio/data/database/pooling-configuration-query.ts +++ b/studio/data/database/pooling-configuration-query.ts @@ -2,8 +2,8 @@ import { useQuery, useQueryClient, UseQueryOptions } from '@tanstack/react-query import { get } from 'lib/common/fetch' import { API_URL } from 'lib/constants' import { useCallback } from 'react' -import { databaseKeys } from './keys' import { ResponseError } from 'types' +import { databaseKeys } from './keys' export type PoolingConfigurationVariables = { projectRef: string @@ -23,6 +23,7 @@ export type PoolingConfiguration = { pgbouncer_enabled: boolean pgbouncer_status: string pool_mode: string + connectionString: string } export async function getPoolingConfiguration(