From 29a9ff70c5e0896d6ac7f4770c2a4fc779d41384 Mon Sep 17 00:00:00 2001
From: Boaz Poolman <boaz_skater@hotmail.com>
Date: Sat, 20 Mar 2021 17:57:25 +0100
Subject: [PATCH] Add Header component

---
 admin/src/components/Header/index.js | 26 ++++++++++++++++++++++++++
 admin/src/translations/en.json       |  4 ++++
 2 files changed, 30 insertions(+)
 create mode 100644 admin/src/components/Header/index.js

diff --git a/admin/src/components/Header/index.js b/admin/src/components/Header/index.js
new file mode 100644
index 0000000..f0cfd05
--- /dev/null
+++ b/admin/src/components/Header/index.js
@@ -0,0 +1,26 @@
+/*
+ *
+ * HeaderComponent
+ *
+ */
+
+import React, { memo } from 'react';
+import { Header } from '@buffetjs/custom';
+import { useGlobalContext } from 'strapi-helper-plugin';
+
+const HeaderComponent = () => {
+  const { formatMessage } = useGlobalContext();
+
+  const headerProps = {
+    title: {
+      label: formatMessage({ id: 'config.Header.Title' }),
+    },
+    content: formatMessage({ id: 'config.Header.Description' }),
+  };
+  
+  return (
+    <Header {...headerProps} />
+  );
+};
+
+export default memo(HeaderComponent);
diff --git a/admin/src/translations/en.json b/admin/src/translations/en.json
index 2357fa4..d5a0927 100644
--- a/admin/src/translations/en.json
+++ b/admin/src/translations/en.json
@@ -3,5 +3,9 @@
   "popUpWarning.warning.export": "If you continue all your database config<br></br>will be written into config files.",
   "popUpWarning.button.import": "Yes, import",
   "popUpWarning.button.export": "Yes, export",
+
+  "Header.Title": "Config Sync",
+  "Header.Description": "Manage your database config acros environments.",
+
   "plugin.name": "Config Sync"
 }
\ No newline at end of file