From ae6402803a7dad1862d2195eba2f7fc8eb0c0fc2 Mon Sep 17 00:00:00 2001
From: Boaz Poolman <boaz_skater@hotmail.com>
Date: Wed, 8 May 2024 15:58:30 +0200
Subject: [PATCH] refactor: update EmptyStateLayout to conform to it's new
 props

---
 admin/src/components/FirstExport/index.jsx | 7 ++-----
 admin/src/components/NoChanges/index.jsx   | 8 +++-----
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/admin/src/components/FirstExport/index.jsx b/admin/src/components/FirstExport/index.jsx
index a1e663f..95b110f 100644
--- a/admin/src/components/FirstExport/index.jsx
+++ b/admin/src/components/FirstExport/index.jsx
@@ -22,12 +22,9 @@ const FirstExport = () => {
         onSubmit={() => dispatch(exportAllConfig([], toggleNotification))}
       />
       <EmptyStateLayout
-        content={{
-          id: 'emptyState',
-          defaultMessage:
-          formatMessage({ id: 'config-sync.FirstExport.Message' }),
-        }}
+        content={formatMessage({ id: 'config-sync.FirstExport.Message' })}
         action={<Button onClick={() => setModalIsOpen(true)}>{formatMessage({ id: 'config-sync.FirstExport.Button' })}</Button>}
+        icon={<EmptyDocuments width={160} />}
       />
     </div>
   );
diff --git a/admin/src/components/NoChanges/index.jsx b/admin/src/components/NoChanges/index.jsx
index 3009fb8..3bb4947 100644
--- a/admin/src/components/NoChanges/index.jsx
+++ b/admin/src/components/NoChanges/index.jsx
@@ -1,16 +1,14 @@
 import React from 'react';
 import { EmptyStateLayout } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import { EmptyDocuments } from '@strapi/icons';
 
 const NoChanges = () => {
   const { formatMessage } = useIntl();
   return (
     <EmptyStateLayout
-      content={{
-        id: 'emptyState',
-        defaultMessage:
-          formatMessage({ id: 'config-sync.NoChanges.Message' }),
-      }}
+      content={formatMessage({ id: 'config-sync.NoChanges.Message', defaultMessage: 'No differences between DB and sync directory. You are up-to-date!' })}
+      icon={<EmptyDocuments width={160} />}
     />
   );
 };