From ee4723504f54de9d9f30121353b9df1498bd0e22 Mon Sep 17 00:00:00 2001
From: Fateme Khodayari <fateme.khodayari97@gmail.com>
Date: Sun, 12 Nov 2023 15:51:22 +0330
Subject: [PATCH 1/3] fix: wrong input argument in ErrorBanner

---
 src/components/FilePreview/Banners/ErrorBanner.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FilePreview/Banners/ErrorBanner.jsx b/src/components/FilePreview/Banners/ErrorBanner.jsx
index 4be244c0..073c3606 100644
--- a/src/components/FilePreview/Banners/ErrorBanner.jsx
+++ b/src/components/FilePreview/Banners/ErrorBanner.jsx
@@ -10,7 +10,7 @@ const messageShape = PropTypes.shape({
   defaultMessage: PropTypes.string,
 });
 
-export const ErrorBanner = ({ actions, headingMessage, children }) => {
+export const ErrorBanner = ({ actions, headerMessage, children }) => {
   const actionButtons = actions.map(action => (
     <Button key={action.id} onClick={action.onClick} variant="outline-primary">
       <FormattedMessage {...action.message} />
@@ -19,7 +19,7 @@ export const ErrorBanner = ({ actions, headingMessage, children }) => {
   return (
     <Alert variant="danger" icon={Info} actions={actionButtons}>
       <Alert.Heading>
-        <FormattedMessage {...headingMessage} />
+        <FormattedMessage {...headerMessage} />
       </Alert.Heading>
       {children}
     </Alert>
@@ -37,7 +37,7 @@ ErrorBanner.propTypes = {
       message: messageShape,
     }),
   ),
-  headingMessage: messageShape.isRequired,
+  headerMessage: messageShape.isRequired,
   children: PropTypes.node,
 };
 

From b414c3eb121f0949aa8e4110c45c0bb9b65ed370 Mon Sep 17 00:00:00 2001
From: Fateme Khodayari <fateme.khodayari97@gmail.com>
Date: Tue, 21 Nov 2023 14:23:03 +0330
Subject: [PATCH 2/3] fix: change headingMessage to headerMessage in
 ErrorBanner test

---
 src/components/FilePreview/Banners/ErrorBanner.test.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/FilePreview/Banners/ErrorBanner.test.jsx b/src/components/FilePreview/Banners/ErrorBanner.test.jsx
index 6a9d76c8..2aad3391 100644
--- a/src/components/FilePreview/Banners/ErrorBanner.test.jsx
+++ b/src/components/FilePreview/Banners/ErrorBanner.test.jsx
@@ -21,7 +21,7 @@ describe('Error Banner component', () => {
         message: messages.retryButton,
       },
     ],
-    headingMessage: messages.unknownError,
+    headerMessage: messages.unknownError,
     children,
   };
 
@@ -51,9 +51,9 @@ describe('Error Banner component', () => {
       });
     });
 
-    test('verify heading', () => {
-      const heading = el.find('FormattedMessage');
-      expect(heading.props()).toEqual(props.headingMessage);
+    test('verify header', () => {
+      const header = el.find('FormattedMessage');
+      expect(header.props()).toEqual(props.headerMessage);
     });
   });
 });

From 69b1173b698dab207b9a8397ee8db33683189502 Mon Sep 17 00:00:00 2001
From: Fateme Khodayari <fateme.khodayari97@gmail.com>
Date: Thu, 21 Mar 2024 14:24:15 +0330
Subject: [PATCH 3/3] fix: rename headerMessage to headingMessage so that it
 matches ErrorBanner args

---
 src/components/FilePreview/Banners/ErrorBanner.jsx      | 6 +++---
 src/components/FilePreview/Banners/ErrorBanner.test.jsx | 8 ++++----
 src/components/FilePreview/hooks.js                     | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/FilePreview/Banners/ErrorBanner.jsx b/src/components/FilePreview/Banners/ErrorBanner.jsx
index dd2a49e6..de8ec932 100644
--- a/src/components/FilePreview/Banners/ErrorBanner.jsx
+++ b/src/components/FilePreview/Banners/ErrorBanner.jsx
@@ -10,7 +10,7 @@ const messageShape = PropTypes.shape({
   defaultMessage: PropTypes.string,
 });
 
-export const ErrorBanner = ({ actions, headerMessage, children }) => {
+export const ErrorBanner = ({ actions, headingMessage, children }) => {
   const actionButtons = actions.map(action => (
     <Button key={action.id} onClick={action.onClick} variant="outline-primary">
       <FormattedMessage {...action.message} />
@@ -19,7 +19,7 @@ export const ErrorBanner = ({ actions, headerMessage, children }) => {
   return (
     <Alert variant="danger" icon={Info} actions={actionButtons}>
       <Alert.Heading>
-        <FormattedMessage {...headerMessage} />
+        <FormattedMessage {...headingMessage} />
       </Alert.Heading>
       {children}
     </Alert>
@@ -37,7 +37,7 @@ ErrorBanner.propTypes = {
       message: messageShape,
     }),
   ),
-  headerMessage: messageShape.isRequired,
+  headingMessage: messageShape.isRequired,
   children: PropTypes.node,
 };
 
diff --git a/src/components/FilePreview/Banners/ErrorBanner.test.jsx b/src/components/FilePreview/Banners/ErrorBanner.test.jsx
index 30104234..f1f5897c 100644
--- a/src/components/FilePreview/Banners/ErrorBanner.test.jsx
+++ b/src/components/FilePreview/Banners/ErrorBanner.test.jsx
@@ -21,7 +21,7 @@ describe('Error Banner component', () => {
         message: messages.retryButton,
       },
     ],
-    headerMessage: messages.unknownError,
+    headingMessage: messages.unknownError,
     children,
   };
 
@@ -55,9 +55,9 @@ describe('Error Banner component', () => {
       });
     });
 
-    test('verify header', () => {
-      const header = el.instance.findByType('FormattedMessage')[0];
-      expect(header.props).toEqual(props.headerMessage);
+    test('verify heading', () => {
+      const heading = el.instance.findByType('FormattedMessage')[0];
+      expect(heading.props).toEqual(props.headingMessage);
     });
   });
 });
diff --git a/src/components/FilePreview/hooks.js b/src/components/FilePreview/hooks.js
index 3ea0604f..8d42d141 100644
--- a/src/components/FilePreview/hooks.js
+++ b/src/components/FilePreview/hooks.js
@@ -79,7 +79,7 @@ export const renderHooks = ({
     message: messages.retryButton,
   };
   const error = {
-    headerMessage: errorMessage,
+    headingMessage: errorMessage,
     children: intl.formatMessage(errorMessage),
     actions: [errorAction],
   };