feat(xo-web/settings/plugins): display plugin count (#4050)

Fixes #4008

CHANGELOG.unreleased.md

@@ -5,6 +5,7 @@
 - [Remote] Benchmarks (read and write rate speed) added when remote is tested [#3991](https://github.com/vatesfr/xen-orchestra/issues/3991) (PR [#4015](https://github.com/vatesfr/xen-orchestra/pull/4015))
 - [Cloud Config] Support both NoCloud and Config Drive 2 datasources for maximum compatibility (PR [#4053](https://github.com/vatesfr/xen-orchestra/pull/4053))
 - [Advanced] Configurable cookie validity (PR [#4059](https://github.com/vatesfr/xen-orchestra/pull/4059))
+- [Plugins] Display number of installed plugins [#4008](https://github.com/vatesfr/xen-orchestra/issues/4008) (PR [#4050](https://github.com/vatesfr/xen-orchestra/pull/4050))
 
 ### Bug fixes
 

packages/xo-web/src/icons.scss

@@ -23,6 +23,10 @@
     @extend .fa;
     @extend .fa-thumb-tack;
   }
+  &-plugin {
+    @extend .fa;
+    @extend .fa-puzzle-piece;
+  }
   &-message {
     @extend .fa;
     @extend .fa-envelope-o;

packages/xo-web/src/xo-app/settings/plugins/index.js

@@ -317,6 +317,13 @@ export default decorate([
             value={state.search}
           />
         </p>
+        <span>
+          {_('homeDisplayedItems', {
+            displayed: state.sortedPlugins.length,
+            icon: <Icon icon='plugin' />,
+            total: plugins.length,
+          })}
+        </span>
         <ul style={{ paddingLeft: 0 }}>
           {state.sortedPlugins.map(plugin => (
             <li key={plugin.id} className='list-group-item clearfix'>