From eb392b61497957d115b3004640ec08d641efcb00 Mon Sep 17 00:00:00 2001
From: Dan83 <dan83h@live.it>
Date: Wed, 17 Dec 2025 15:47:38 +0100
Subject: [PATCH] Forms: Remove gf-form from DataSourceLoadError.tsx (#113021)

* Forms: Remove gf-form from DataSourceLoadError.tsx

* Forms: Remove gf-form from DataSourceLoadError.tsx
---
 eslint-suppressions.json                      |  5 ---
 .../components/DataSourceLoadError.tsx        | 37 ++++++++++---------
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/eslint-suppressions.json b/eslint-suppressions.json
index cdbeabcc87b..dfa69ae64f4 100644
--- a/eslint-suppressions.json
+++ b/eslint-suppressions.json
@@ -2397,11 +2397,6 @@
       "count": 1
     }
   },
-  "public/app/features/datasources/components/DataSourceLoadError.tsx": {
-    "no-restricted-syntax": {
-      "count": 1
-    }
-  },
   "public/app/features/datasources/components/DataSourcePluginState.tsx": {
     "no-restricted-syntax": {
       "count": 3
diff --git a/public/app/features/datasources/components/DataSourceLoadError.tsx b/public/app/features/datasources/components/DataSourceLoadError.tsx
index 10dee3f85b6..ea6b393d0b3 100644
--- a/public/app/features/datasources/components/DataSourceLoadError.tsx
+++ b/public/app/features/datasources/components/DataSourceLoadError.tsx
@@ -1,5 +1,5 @@
 import { t, Trans } from '@grafana/i18n';
-import { Button, EmptyState } from '@grafana/ui';
+import { Button, EmptyState, Stack } from '@grafana/ui';
 
 import { DataSourceRights } from '../types';
 
@@ -19,24 +19,27 @@ export function DataSourceLoadError({ dataSourceRights, onDelete, notFound }: Pr
   return (
     <>
       {readOnly && <DataSourceReadOnlyMessage />}
+      <Stack direction="column">
+        <Stack direction="column" alignItems="center">
+          {notFound && (
+            <EmptyState
+              variant="not-found"
+              message={t('datasources.data-source-load-error.not-found', 'Data source not found')}
+            />
+          )}
+        </Stack>
+        <Stack direction="row" gap={2}>
+          {canDelete && (
+            <Button type="submit" variant="destructive" onClick={onDelete}>
+              <Trans i18nKey="datasources.data-source-load-error.delete">Delete</Trans>
+            </Button>
+          )}
 
-      <div className="gf-form-button-row">
-        {notFound && (
-          <EmptyState
-            variant="not-found"
-            message={t('datasources.data-source-load-error.not-found', 'Data source not found')}
-          />
-        )}
-        {canDelete && (
-          <Button type="submit" variant="destructive" onClick={onDelete}>
-            <Trans i18nKey="datasources.data-source-load-error.delete">Delete</Trans>
+          <Button variant="secondary" fill="outline" type="button" onClick={navigateBack}>
+            <Trans i18nKey="datasources.data-source-load-error.back">Back</Trans>
           </Button>
-        )}
-
-        <Button variant="secondary" fill="outline" type="button" onClick={navigateBack}>
-          <Trans i18nKey="datasources.data-source-load-error.back">Back</Trans>
-        </Button>
-      </div>
+        </Stack>
+      </Stack>
     </>
   );
 }