diff --git a/public/app/features/browse-dashboards/RecentlyDeletedPage.tsx b/public/app/features/browse-dashboards/RecentlyDeletedPage.tsx
index 9e01928089d..0b952cead08 100644
--- a/public/app/features/browse-dashboards/RecentlyDeletedPage.tsx
+++ b/public/app/features/browse-dashboards/RecentlyDeletedPage.tsx
@@ -1,7 +1,9 @@
import { memo, useEffect } from 'react';
import AutoSizer from 'react-virtualized-auto-sizer';
+import { EmptyState } from '@grafana/ui';
import { Page } from 'app/core/components/Page/Page';
+import { t } from 'app/core/internationalization';
import { ActionRow } from 'app/features/search/page/components/ActionRow';
import { getGrafanaSearcher } from 'app/features/search/service';
@@ -33,33 +35,50 @@ const RecentlyDeletedPage = memo(() => {
);
}, [dispatch, stateManager]);
+ if (searchState.loading === false && searchState.result?.totalRows === 0) {
+ return (
+
+
+
+
+
+ );
+ }
+
return (
-
-
-
- {({ width, height }) => (
-
+
- )}
-
+
+
+ {({ width, height }) => (
+
+ )}
+
+ >
+ )}
);
diff --git a/public/locales/en-US/grafana.json b/public/locales/en-US/grafana.json
index 33a4cc8b5da..cb90d9da176 100644
--- a/public/locales/en-US/grafana.json
+++ b/public/locales/en-US/grafana.json
@@ -1599,6 +1599,9 @@
"delete": "Delete permanently",
"restore": "Restore"
},
+ "page": {
+ "empty-state": "You haven't deleted any dashboards recently."
+ },
"permanently-delete-modal": {
"confirm-text": "Delete",
"delete-button": "Delete",
diff --git a/public/locales/pseudo-LOCALE/grafana.json b/public/locales/pseudo-LOCALE/grafana.json
index 5abff9aff62..b7a08ac4f46 100644
--- a/public/locales/pseudo-LOCALE/grafana.json
+++ b/public/locales/pseudo-LOCALE/grafana.json
@@ -1599,6 +1599,9 @@
"delete": "Đęľęŧę pęřmäʼnęʼnŧľy",
"restore": "Ŗęşŧőřę"
},
+ "page": {
+ "empty-state": "Ÿőū ĥävęʼn'ŧ đęľęŧęđ äʼny đäşĥþőäřđş řęčęʼnŧľy."
+ },
"permanently-delete-modal": {
"confirm-text": "Đęľęŧę",
"delete-button": "Đęľęŧę",