From 01efaea3a0dcc5400a4e2b882ddbe225b5c83d5a Mon Sep 17 00:00:00 2001
From: Riccardo Busetti <riccardo.busetti@supabase.io>
Date: Tue, 22 Jul 2025 16:12:54 +0200
Subject: [PATCH] Fix

---
 .../interfaces/Database/Replication/DestinationRow.tsx        | 4 ++--
 .../interfaces/Database/Replication/Destinations.tsx          | 4 ++--
 .../interfaces/Database/Replication/PipelineStatus.tsx        | 4 +---
 .../Database/Replication/ReplicationPipelineStatus.tsx        | 4 ++--
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx b/apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx
index bba7403bf06..71a8894a17d 100644
--- a/apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx
@@ -17,7 +17,7 @@ import {
   ReplicationPipelineStatusData,
   useReplicationPipelineStatusQuery,
 } from 'data/replication/pipeline-status-query'
-import { useState, useEffect, type FC } from 'react'
+import { useState, useEffect } from 'react'
 import { toast } from 'sonner'
 import { useStartPipelineMutation } from 'data/replication/start-pipeline-mutation'
 import { useStopPipelineMutation } from 'data/replication/stop-pipeline-mutation'
@@ -42,7 +42,7 @@ interface DestinationRowProps {
   onSelectPipeline?: (pipelineId: number, destinationName: string) => void
 }
 
-const DestinationRow: FC<DestinationRowProps> = ({
+const DestinationRow = ({
   sourceId,
   destinationId,
   destinationName,
diff --git a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx
index dd5e125835d..0ee44a0ba7a 100644
--- a/apps/studio/components/interfaces/Database/Replication/Destinations.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/Destinations.tsx
@@ -7,7 +7,7 @@ import { Button, cn, Input_Shadcn_ } from 'ui'
 import { GenericSkeletonLoader } from 'ui-patterns'
 import DestinationRow from './DestinationRow'
 import { useReplicationPipelinesQuery } from 'data/replication/pipelines-query'
-import { useState, type FC } from 'react'
+import { useState } from 'react'
 import NewDestinationPanel from './DestinationPanel'
 import { useReplicationSourcesQuery } from 'data/replication/sources-query'
 import { noop } from 'lodash'
@@ -16,7 +16,7 @@ interface DestinationsProps {
   onSelectPipeline?: (pipelineId: number, destinationName: string) => void
 }
 
-const Destinations: FC<DestinationsProps> = ({ onSelectPipeline = noop }) => {
+const Destinations = ({ onSelectPipeline = noop }: DestinationsProps) => {
   const [showNewDestinationPanel, setShowNewDestinationPanel] = useState(false)
   const [filterString, setFilterString] = useState<string>('')
   const { ref: projectRef } = useParams()
diff --git a/apps/studio/components/interfaces/Database/Replication/PipelineStatus.tsx b/apps/studio/components/interfaces/Database/Replication/PipelineStatus.tsx
index f8438897831..913dbb51218 100644
--- a/apps/studio/components/interfaces/Database/Replication/PipelineStatus.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/PipelineStatus.tsx
@@ -4,8 +4,6 @@ import { cn } from 'ui'
 import { ResponseError } from 'types'
 import { Loader2, AlertTriangle } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from 'ui'
-import { type FC } from 'react'
-import { useParams } from 'common'
 import { ReplicationPipelineStatusData } from 'data/replication/pipeline-status-query'
 import { PipelineStatusRequestStatus } from 'state/replication-pipeline-request-status'
 
@@ -29,7 +27,7 @@ interface PipelineStatusProps {
   requestStatus?: PipelineStatusRequestStatus
 }
 
-const PipelineStatus: FC<PipelineStatusProps> = ({
+const PipelineStatus = ({
   pipelineStatus,
   error,
   isLoading,
diff --git a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus.tsx b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus.tsx
index b6eca484c1f..970bb195668 100644
--- a/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus.tsx
+++ b/apps/studio/components/interfaces/Database/Replication/ReplicationPipelineStatus.tsx
@@ -7,7 +7,7 @@ import { useReplicationPipelineStatusQuery } from 'data/replication/pipeline-sta
 import PipelineStatus from './PipelineStatus'
 import { usePipelineRequestStatus } from 'state/replication-pipeline-request-status'
 import { getStatusName } from './Pipeline.utils'
-import { useState, useEffect, type FC } from 'react'
+import { useState, useEffect } from 'react'
 import {
   Button,
   Badge,
@@ -40,7 +40,7 @@ interface ReplicationPipelineStatusProps {
   onSelectBack: () => void
 }
 
-const ReplicationPipelineStatus: FC<ReplicationPipelineStatusProps> = ({
+const ReplicationPipelineStatus = ({
   pipelineId,
   destinationName,
   onSelectBack,