fix: add props

Author: Raubzeug

src/containers/Tenant/Diagnostics/Diagnostics.tsx

@@ -50,7 +50,6 @@ const b = cn('kv-tenant-diagnostics');
 function Diagnostics(props: DiagnosticsProps) {
     const {path, database, type, subType} = useCurrentSchema();
     const containerRef = React.useRef<HTMLDivElement>(null);
-
     const dispatch = useTypedDispatch();
     const {diagnosticsTab = TENANT_DIAGNOSTICS_TABS_IDS.overview} = useTypedSelector(
         (state) => state.tenant,
@@ -165,7 +164,10 @@ function Diagnostics(props: DiagnosticsProps) {
                 return <Operations database={tenantName} />;
             }
             case TENANT_DIAGNOSTICS_TABS_IDS.backups: {
-                return uiFactory.renderBackups?.();
+                return uiFactory.renderBackups?.({
+                    database: tenantName,
+                    scrollContainerRef: containerRef,
+                });
             }
             default: {
                 return <div>No data...</div>;

src/uiFactory/types.ts

@@ -30,7 +30,10 @@ export interface UIFactory<H extends string = CommonIssueType> {
     getDatabaseLinks?: GetDatabaseLinks;
     getClusterLinks?: GetClusterLinks;
 
-    renderBackups?: () => React.ReactNode;
+    renderBackups?: (props: {
+        database: string;
+        scrollContainerRef: React.RefObject<HTMLDivElement>;
+    }) => React.ReactNode;
 
     healthcheck: {
         getHealthckechViewTitles: GetHealthcheckViewTitles<H>;