From 63ac38c9267b9c9ce9b6a7805ec6812d9f77ada9 Mon Sep 17 00:00:00 2001
From: Boaz Poolman <boaz_skater@hotmail.com>
Date: Wed, 16 Mar 2022 22:09:46 +0100
Subject: [PATCH] feat: Move admin page to settings

---
 admin/src/index.js             | 41 +++++++++++++++++++++-------------
 admin/src/translations/en.json |  2 ++
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/admin/src/index.js b/admin/src/index.js
index 50e152e..ea10556 100644
--- a/admin/src/index.js
+++ b/admin/src/index.js
@@ -1,8 +1,8 @@
 import { prefixPluginTranslations } from '@strapi/helper-plugin';
 import pluginPkg from '../../package.json';
 import pluginId from './helpers/pluginId';
-import pluginIcon from './components/PluginIcon';
 import pluginPermissions from './permissions';
+// import pluginIcon from './components/PluginIcon';
 // import getTrad from './helpers/getTrad';
 
 const pluginDescription = pluginPkg.strapi.description || pluginPkg.description;
@@ -18,22 +18,33 @@ export default {
       name,
     });
 
-    app.addMenuLink({
-      to: `/plugins/${pluginId}`,
-      icon: pluginIcon,
-      intlLabel: {
-        id: `${pluginId}.plugin.name`,
-        defaultMessage: 'Config Sync',
+    app.createSettingSection(
+      {
+        id: pluginId,
+        intlLabel: {
+          id: `${pluginId}.plugin.name`,
+          defaultMessage: 'Config Sync',
+        },
       },
-      Component: async () => {
-        const component = await import(
-          /* webpackChunkName: "config-sync-settings-page" */ './containers/App'
-        );
+      [
+        {
+          intlLabel: {
+            id: `${pluginId}.Settings.Tool.Title`,
+            defaultMessage: 'Tools',
+          },
+          id: 'config-sync-page',
+          to: `/settings/${pluginId}`,
+          Component: async () => {
+            const component = await import(
+              /* webpackChunkName: "config-sync-settings-page" */ './containers/App'
+            );
 
-        return component;
-      },
-      permissions: pluginPermissions['menu-link'],
-    });
+            return component;
+          },
+          permissions: pluginPermissions['settings'],
+        },
+      ],
+    );
   },
   bootstrap(app) {},
   async registerTrads({ locales }) {
diff --git a/admin/src/translations/en.json b/admin/src/translations/en.json
index 6e4d977..b3771fe 100644
--- a/admin/src/translations/en.json
+++ b/admin/src/translations/en.json
@@ -10,5 +10,7 @@
   "Header.Title": "Config Sync",
   "Header.Description": "Manage your database config across environments.",
 
+  "Settings.Tool.Title": "Tool",
+
   "plugin.name": "Config Sync"
 }