Chore/rename cron (supabase#30792)

* Rename cron jobs to cron

* Missing history link

* Add polling to update list

Author: saltcod

apps/studio/components/interfaces/Integrations/CronJobs/CronJobCard.tsx

@@ -69,7 +69,7 @@ export const CronJobCard = ({ job, onEditCronJob, onDeleteCronJob }: CronJobCard
                 onCheckedChange={() => showToggleConfirmationModal(true)}
               />
               <Button type="default" icon={<History />}>
-                <Link href={`/project/${ref}/integrations/cron-jobs/cron-jobs/${job.jobname}`}>
+                <Link href={`/project/${ref}/integrations/cron/cron-jobs/${job.jobname}`}>
                   History
                 </Link>
               </Button>

apps/studio/components/interfaces/Integrations/CronJobs/PreviousRunsTab.tsx

@@ -1,7 +1,7 @@
 import { toString as CronToString } from 'cronstrue'
 import { List } from 'lucide-react'
 import Link from 'next/link'
-import { UIEvent, useCallback, useMemo } from 'react'
+import { UIEvent, useCallback, useEffect, useMemo } from 'react'
 import DataGrid, { Column, Row } from 'react-data-grid'
 
 import { useParams } from 'common'
@@ -146,6 +146,7 @@ export const PreviousRunsTab = () => {
     data,
     isLoading: isLoadingCronJobRuns,
     fetchNextPage,
+    refetch,
     isFetching,
   } = useCronJobRunsInfiniteQuery(
     {
@@ -156,6 +157,15 @@ export const PreviousRunsTab = () => {
     { enabled: !!currentJobState?.jobid, staleTime: 30 }
   )
 
+  useEffect(() => {
+    // Refetch only the first page
+    const timerId = setInterval(() => {
+      refetch({ refetchPage: (_page, index) => index === 0 })
+    }, 30000)
+
+    return () => clearInterval(timerId)
+  }, [refetch])
+
   const handleScroll = useCallback(
     (event: UIEvent<HTMLDivElement>) => {
       if (isLoadingCronJobRuns || !isAtBottom(event)) return

apps/studio/components/interfaces/Integrations/Landing/Integrations.constants.tsx

@@ -110,7 +110,7 @@ const supabaseIntegrations: IntegrationDefinition[] = [
     },
   },
   {
-    id: 'cron-jobs',
+    id: 'cron',
     type: 'postgres_extension' as const,
     requiredExtensions: ['pg_cron'],
     name: `Cron`,

apps/studio/components/layouts/LogsLayout/LogsSidebarMenuV2.tsx

@@ -165,7 +165,7 @@ export function LogsSidebarMenuV2() {
       items: [],
     },
     {
-      name: 'Cron Jobs',
+      name: 'Cron',
       key: 'pg_cron',
       url: `/project/${ref}/logs/pgcron-logs`,
       items: [],

apps/studio/components/layouts/ProjectIntegrationsLayout/ProjectIntegrationsMenu.utils.tsx

@@ -44,9 +44,9 @@ export const generateProjectIntegrationsMenu = (
         ...(!!cronUiEnabled
           ? [
               {
-                name: 'Cron Jobs',
+                name: 'Cron',
                 key: 'cron-jobs',
-                url: `/project/${ref}/integrations/cron-jobs`,
+                url: `/project/${ref}/integrations/cron`,
                 items: [],
               },
             ]

apps/studio/next.config.js

@@ -429,6 +429,11 @@ const nextConfig = {
         source: '/project/:ref/settings/vault/keys',
         destination: '/project/:ref/integrations/vault/keys',
       },
+      {
+        permanent: true,
+        source: '/project/:ref/integrations/cron-jobs',
+        destination: '/project/:ref/integrations/cron',
+      },
       ...(process.env.NEXT_PUBLIC_BASE_PATH?.length
         ? [
             {

packages/shared-data/extensions.json

@@ -230,8 +230,8 @@
     "tags": ["Utility"],
     "link": "/guides/database/extensions/pg_cron",
     "github_url": "https://github.com/citusdata/pg_cron",
-    "product": "Supabase Cron Jobs",
-    "product_url": "/project/{ref}/integrations/cron-jobs"
+    "product": "Supabase Cron",
+    "product_url": "/project/{ref}/integrations/cron"
   },
   {
     "name": "pg_freespacemap",