diff --git a/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx b/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx index 9d989bfa371..71e6a2686b5 100644 --- a/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx +++ b/apps/studio/components/layouts/ProjectLayout/PausedState/PauseDisabledState.tsx @@ -1,4 +1,4 @@ -import { ChevronDown, Download } from 'lucide-react' +import { ChevronDown, Download, ExternalLink } from 'lucide-react' import { useState } from 'react' import { toast } from 'sonner' @@ -18,7 +18,6 @@ import { Button, DropdownMenu, DropdownMenuContent, - DropdownMenuItem, DropdownMenuTrigger, WarningIcon, } from 'ui' @@ -30,6 +29,7 @@ export const PauseDisabledState = () => { const [toastId, setToastId] = useState() const [refetchInterval, setRefetchInterval] = useState(false) + const dbVersion = project?.dbVersion?.replace('supabase-postgres-', '') const enforceNinetyDayUnpauseExpiry = useFlag('enforceNinetyDayUnpauseExpiry') const allowStorageObjectsDownload = useFlag('enableNinetyDayStorageDownload') @@ -141,7 +141,7 @@ export const PauseDisabledState = () => { @@ -157,7 +157,7 @@ export const PauseDisabledState = () => { }} > - Download database backup + Database backup (PG: {dbVersion}) { }} > - Download storage objects + Storage objects {/* [Joshen] Once storage object download is supported, can just use the below component */} {/* onSelectDownloadStorageArchive()}> @@ -180,6 +180,15 @@ export const PauseDisabledState = () => { */} + ) diff --git a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx index d120d576417..9e5998bae80 100644 --- a/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx +++ b/apps/studio/components/layouts/ProjectLayout/PausedState/ProjectPausedState.tsx @@ -1,7 +1,7 @@ import { PermissionAction } from '@supabase/shared-types/out/constants' import { useQueryClient } from '@tanstack/react-query' import dayjs from 'dayjs' -import { PauseCircle } from 'lucide-react' +import { ExternalLink, PauseCircle } from 'lucide-react' import Link from 'next/link' import { useState } from 'react' import { toast } from 'sonner' @@ -166,6 +166,17 @@ export const ProjectPausedState = ({ product }: ProjectPausedStateProps) => { . However, your database backup and Storage objects will still be available for download thereafter. + + + ) : (