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