diff --git a/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.js b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.js
new file mode 100644
index 000000000..1bcea07e5
--- /dev/null
+++ b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+ CommercialDocFooter,
+ T,
+ If,
+ DetailsMenu,
+ DetailItem,
+} from 'components';
+
+import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
+
+/**
+ * Credit note detail footer
+ * @returns {React.JSX}
+ */
+export default function CreditNoteDetailFooter() {
+ const { creditNote } = useCreditNoteDetailDrawerContext();
+ return (
+
+
+
+ }>
+ {creditNote.terms_conditions}
+
+
+
+
+ );
+}
diff --git a/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.js b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.js
index e29f36c41..00be70f26 100644
--- a/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.js
+++ b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.js
@@ -4,7 +4,8 @@ import { CommercialDocBox } from 'components';
import CreditNoteDetailHeader from './CreditNoteDetailHeader';
import CreditNoteDetailTable from './CreditNoteDetailTable';
-import CreditNoteDetailDrawerFooter from './CreditNoteDetailDrawerFooter';
+import CreditNoteDetailTableFooter from './CreditNoteDetailTableFooter';
+import CreditNoteDetailFooter from './CreditNoteDetailFooter';
/**
* Credit note details panel.
@@ -14,7 +15,8 @@ export default function CreditNoteDetailPanel() {
-
+
+
);
}
diff --git a/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerFooter.js b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.js
similarity index 95%
rename from src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerFooter.js
rename to src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.js
index bb12bccc3..ee39586ef 100644
--- a/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerFooter.js
+++ b/src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.js
@@ -14,7 +14,7 @@ import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvid
/**
* Credit note details panel footer.
*/
-export default function CreditNoteDetailDrawerFooter() {
+export default function CreditNoteDetailTableFooter() {
const { creditNote } = useCreditNoteDetailDrawerContext();
return (