diff --git a/examples/getstarted/package.json b/examples/getstarted/package.json index a1e1d4b439..7544254ddc 100644 --- a/examples/getstarted/package.json +++ b/examples/getstarted/package.json @@ -14,7 +14,6 @@ "dependencies": { "@strapi/admin": "3.6.8", "@strapi/plugin-documentation": "3.6.8", - "@strapi/plugin-sentry": "3.6.8", "@strapi/plugin-graphql": "3.6.8", "@strapi/plugin-i18n": "3.6.8", "@strapi/plugin-users-permissions": "3.6.8", diff --git a/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js b/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js new file mode 100644 index 0000000000..2ff58fbfc3 --- /dev/null +++ b/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js @@ -0,0 +1,23 @@ +/** + * + * PluginIcon + * + */ + +import React from 'react'; +import styled from 'styled-components'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; + +const IconWrapper = styled.span` + svg.svg-inline--fa.fa-w-20 { + width: 1rem; + } +`; + +const PluginIcon = () => ( + + + +); + +export default PluginIcon; diff --git a/examples/getstarted/src/plugins/myplugin/admin/src/index.js b/examples/getstarted/src/plugins/myplugin/admin/src/index.js index d544d01921..44d19676d8 100644 --- a/examples/getstarted/src/plugins/myplugin/admin/src/index.js +++ b/examples/getstarted/src/plugins/myplugin/admin/src/index.js @@ -1,15 +1,15 @@ import { prefixPluginTranslations } from '@strapi/helper-plugin'; +import PluginIcon from './components/PluginIcon'; import pluginPkg from '../../package.json'; import pluginId from './pluginId'; -const pluginDescription = pluginPkg.strapi.description || pluginPkg.description; -const icon = pluginPkg.strapi.icon; + const name = pluginPkg.strapi.name; export default { register(app) { app.addMenuLink({ to: `/plugins/${pluginId}`, - icon, + icon: PluginIcon, intlLabel: { id: `${pluginId}.plugin.name`, defaultMessage: 'My plugin', @@ -22,11 +22,7 @@ export default { permissions: [], }); app.registerPlugin({ - description: pluginDescription, - icon, id: pluginId, - isReady: true, - isRequired: pluginPkg.strapi.required || false, name, }); }, diff --git a/examples/getstarted/src/plugins/myplugin/package.json b/examples/getstarted/src/plugins/myplugin/package.json index afc6c8051b..f3758af53d 100644 --- a/examples/getstarted/src/plugins/myplugin/package.json +++ b/examples/getstarted/src/plugins/myplugin/package.json @@ -5,7 +5,6 @@ "private": true, "strapi": { "name": "my-plugin", - "icon": "plug", "description": "Description of my plugin.", "kind": "plugin" } diff --git a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js new file mode 100644 index 0000000000..2ff58fbfc3 --- /dev/null +++ b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js @@ -0,0 +1,23 @@ +/** + * + * PluginIcon + * + */ + +import React from 'react'; +import styled from 'styled-components'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; + +const IconWrapper = styled.span` + svg.svg-inline--fa.fa-w-20 { + width: 1rem; + } +`; + +const PluginIcon = () => ( + + + +); + +export default PluginIcon; diff --git a/packages/generators/generators/lib/files/plugin/admin/src/index.js b/packages/generators/generators/lib/files/plugin/admin/src/index.js index 7f0a2e1df1..508c82d753 100644 --- a/packages/generators/generators/lib/files/plugin/admin/src/index.js +++ b/packages/generators/generators/lib/files/plugin/admin/src/index.js @@ -2,16 +2,15 @@ import { prefixPluginTranslations } from '@strapi/helper-plugin'; import pluginPkg from '../../package.json'; import pluginId from './pluginId'; import Initializer from './components/Initializer'; +import PluginIcon from './components/PluginIcon'; -const pluginDescription = pluginPkg.strapi.description || pluginPkg.description; -const icon = pluginPkg.strapi.icon; const name = pluginPkg.strapi.name; export default { register(app) { app.addMenuLink({ to: `/plugins/${pluginId}`, - icon, + icon: PluginIcon, intlLabel: { id: `${pluginId}.plugin.name`, defaultMessage: name, @@ -30,12 +29,9 @@ export default { ], }); app.registerPlugin({ - description: pluginDescription, - icon, id: pluginId, initializer: Initializer, isReady: false, - isRequired: pluginPkg.strapi.required || false, name, }); }, diff --git a/packages/generators/generators/lib/templates/plugin-package.json.hbs b/packages/generators/generators/lib/templates/plugin-package.json.hbs index 3ecbf7c1a9..818c9895d7 100644 --- a/packages/generators/generators/lib/templates/plugin-package.json.hbs +++ b/packages/generators/generators/lib/templates/plugin-package.json.hbs @@ -4,7 +4,6 @@ "description": "This is the description of the plugin.", "strapi": { "name": "{{ pluginName }}", - "icon": "plug", "description": "Description of {{ pluginName }} plugin", "kind": "plugin" },