feat(xo-web/plugins): show plugin description (#4832)

Fixes #4569

CHANGELOG.unreleased.md

@@ -7,6 +7,8 @@
 
 > Users must be able to say: “Nice enhancement, I'm eager to test it”
 
+- [Plugin] Show plugin description [#4569](https://github.com/vatesfr/xen-orchestra/issues/4569) (PR [#4832](https://github.com/vatesfr/xen-orchestra/pull/4832))
+
 ### Bug fixes
 
 > Users must be able to say: “I had this issue, happy to know it's fixed”

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

@@ -17,6 +17,7 @@ import { addSubscriptions } from 'utils'
 import { alert } from 'modal'
 import { createSelector } from 'reselect'
 import { generateUiSchema } from 'xo-json-schema-input'
+import { get } from '@xen-orchestra/defined'
 import { injectState, provideState } from 'reaclette'
 import { Row, Col } from 'grid'
 import {
@@ -121,6 +122,7 @@ class Plugin extends Component {
     const { props, state } = this
     const { editedConfig, expanded } = state
     const { configurationPresets, configurationSchema, loaded } = props
+    const description = get(() => props.description.trim())
 
     return (
       <div className='card-block'>
@@ -134,6 +136,9 @@ class Plugin extends Component {
               />
               <span className='text-primary'>{` ${props.name} `}</span>
               <span>{`(v${props.version}) `}</span>
+              {description !== undefined && description !== '' && (
+                <span className='text-muted small'> - {description}</span>
+              )}
               <div className='checkbox small'>
                 <label className='text-muted'>
                   {_('autoloadPlugin')}{' '}