From 4a42fa4edcb183686bbb18d07c910565e53d0e7f Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Sun, 26 Dec 2021 13:26:53 +0200
Subject: [PATCH] feat: credit note detail footer.

---
 .../CreditNoteDetailFooter.js                 | 29 +++++++++++++++++++
 .../CreditNoteDetailPanel.js                  |  6 ++--
 ...oter.js => CreditNoteDetailTableFooter.js} |  2 +-
 3 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.js
 rename src/containers/Drawers/CreditNoteDetailDrawer/{CreditNoteDetailDrawerFooter.js => CreditNoteDetailTableFooter.js} (95%)

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 (
+    <CommercialDocFooter>
+      <DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
+        <If condition={creditNote.terms_conditions}>
+          <DetailItem label={<T id={'credit_note.drawer.terms_conditions'} />}>
+            {creditNote.terms_conditions}
+          </DetailItem>
+        </If>
+      </DetailsMenu>
+    </CommercialDocFooter>
+  );
+}
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() {
     <CommercialDocBox>
       <CreditNoteDetailHeader />
       <CreditNoteDetailTable />
-      <CreditNoteDetailDrawerFooter />
+      <CreditNoteDetailTableFooter />
+      <CreditNoteDetailFooter />
     </CommercialDocBox>
   );
 }
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 (