chrone: sperate client and server to different repos.

src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerFooter.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useManualJournalDrawerContext } from './ManualJournalDrawerProvider';
+
+import { FormatNumber } from '../../../components';
+
+/**
+ * Manual journal readonly details footer.
+ */
+export default function ManualJournalDrawerFooter() {
+  const {
+    manualJournal: { amount, formatted_amount },
+  } = useManualJournalDrawerContext();
+
+  return (
+    <div className="journal-drawer__content-footer">
+      <div class="total-lines">
+        <div class="total-lines__line total-lines__line--subtotal">
+          <div class="title">Subtotal</div>
+          <div class="debit">
+            <FormatNumber value={amount} />
+          </div>
+          <div class="credit">
+            <FormatNumber value={amount} />
+          </div>
+        </div>
+        <div class="total-lines__line total-lines__line--total">
+          <div class="title">TOTAL</div>
+          <div class="debit">{formatted_amount}</div>
+          <div class="credit">{formatted_amount}</div>
+        </div>
+      </div>
+    </div>
+  );
+}