diff --git a/apps/studio/components/layouts/ProjectLayout/LogicalBackupCliInstructions.tsx b/apps/studio/components/layouts/ProjectLayout/LogicalBackupCliInstructions.tsx index 25295f6e2b3..41dac880bba 100644 --- a/apps/studio/components/layouts/ProjectLayout/LogicalBackupCliInstructions.tsx +++ b/apps/studio/components/layouts/ProjectLayout/LogicalBackupCliInstructions.tsx @@ -81,8 +81,10 @@ export const LogicalBackupCliInstructions = ({

Use your direct connection string (replace {DB_PASSWORD_PLACEHOLDER} with your database password). If your password contains special characters such as @,{' '} - #, or :, percent-encode them first (e.g. @ →{' '} - %40).{' '} + #, :, or ', percent-encode them first (e.g.{' '} + @ → %40, ' → %27). If your password + contains %, encode it as %25 before encoding any other + characters.{' '} Backup documentation .

diff --git a/apps/studio/components/layouts/ProjectLayout/PauseFailedState.tsx b/apps/studio/components/layouts/ProjectLayout/PauseFailedState.tsx index d5317135612..f459fd15e93 100644 --- a/apps/studio/components/layouts/ProjectLayout/PauseFailedState.tsx +++ b/apps/studio/components/layouts/ProjectLayout/PauseFailedState.tsx @@ -5,6 +5,7 @@ import { useState } from 'react' import { Button, CriticalIcon, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from 'ui' import { DeleteProjectModal } from '@/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal' +import { LogicalBackupCliInstructions } from '@/components/layouts/ProjectLayout/LogicalBackupCliInstructions' import { SupportLink } from '@/components/interfaces/Support/SupportLink' import { ButtonTooltip } from '@/components/ui/ButtonTooltip' import { DropdownMenuItemTooltip } from '@/components/ui/DropdownMenuItemTooltip' @@ -67,6 +68,10 @@ export const PauseFailedState = () => { +
+ +
+