diff --git a/apps/studio/components/interfaces/Home/ServiceStatus.tsx b/apps/studio/components/interfaces/Home/ServiceStatus.tsx index f8ea3106270..146c58ef5a0 100644 --- a/apps/studio/components/interfaces/Home/ServiceStatus.tsx +++ b/apps/studio/components/interfaces/Home/ServiceStatus.tsx @@ -1,5 +1,5 @@ import dayjs from 'dayjs' -import { AlertTriangle, CheckCircle2, ChevronRight, Loader2 } from 'lucide-react' +import { AlertTriangle, CheckCircle2, ChevronRight, Info, Loader2 } from 'lucide-react' import Link from 'next/link' import { useEffect, useState } from 'react' @@ -9,7 +9,14 @@ import { usePostgresServiceStatusQuery } from 'data/service-status/postgres-serv import { useProjectServiceStatusQuery } from 'data/service-status/service-status-query' import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled' import { useSelectedProject } from 'hooks/misc/useSelectedProject' -import { Button, PopoverContent_Shadcn_, PopoverTrigger_Shadcn_, Popover_Shadcn_ } from 'ui' +import { + Button, + InfoIcon, + PopoverContent_Shadcn_, + PopoverTrigger_Shadcn_, + Popover_Shadcn_, +} from 'ui' +import { PopoverSeparator } from '@ui/components/shadcn/ui/popover' const SERVICE_STATUS_THRESHOLD = 5 // minutes @@ -163,7 +170,8 @@ const ServiceStatus = () => { // If the project is less than 5 minutes old, and status is not operational, then it's likely the service is still starting up const isProjectNew = - dayjs.utc().diff(dayjs.utc(project?.inserted_at), 'minute') < SERVICE_STATUS_THRESHOLD + dayjs.utc().diff(dayjs.utc(project?.inserted_at), 'minute') < SERVICE_STATUS_THRESHOLD || + project?.status === 'COMING_UP' useEffect(() => { let timer: any @@ -237,6 +245,13 @@ const ServiceStatus = () => { ))} + +
+
+ +
+ Recently restored projects can take up to 5 minutes to become fully operational. +
)