Add Header component

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);

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"
 }