feat(xo-web/render-xo-item): add pool name to templates (#3896)

Fixes #3894

CHANGELOG.md

@@ -8,6 +8,7 @@
 - [Plugins] New field to filter displayed plugins (PR [#3832](https://github.com/vatesfr/xen-orchestra/pull/3871))
 - Ability to copy ID of "unknown item"s [#3833](https://github.com/vatesfr/xen-orchestra/issues/3833) (PR [#3856](https://github.com/vatesfr/xen-orchestra/pull/3856))
 - [Cloud-Init] switch config drive type to `nocloud` to prepare for the passing of network config (PR [#3877](https://github.com/vatesfr/xen-orchestra/pull/3877))
+- [UI] Show pool name next to templates' names [#3894](https://github.com/vatesfr/xen-orchestra/issues/3894) (PR [#3896](https://github.com/vatesfr/xen-orchestra/pull/3896))
 
 ### Bug fixes
 

packages/xo-web/src/common/render-xo-item.js

@@ -170,12 +170,19 @@ Vm.defaultProps = {
 export const VmTemplate = decorate([
   connectStore(() => {
     const getObject = createGetObject()
+    const getPool = createGetObject(
+      createSelector(
+        getObject,
+        vm => get(() => vm.$pool)
+      )
+    )
     return (state, props) => ({
       // FIXME: props.self ugly workaround to get object as a self user
       template: getObject(state, props, props.self),
+      pool: getPool(state, props),
     })
   }),
-  ({ id, template }) => {
+  ({ id, template, pool }) => {
     if (template === undefined) {
       return unknowItem(id, 'template')
     }
@@ -183,6 +190,9 @@ export const VmTemplate = decorate([
     return (
       <span>
         <Icon icon='vm' /> {template.name_label}
+        {pool !== undefined && (
+          <span className='text-muted'>{` - ${pool.name_label}`}</span>
+        )}
       </span>
     )
   },