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