feat(job/log): improve Unhealthy VDI Chain message (#2588)

Fixes #2586

src/common/intl/messages.js

@@ -1483,6 +1483,8 @@ const messages = {
   logIndicationToEnable: 'Click to enable',
   logIndicationToDisable: 'Click to disable',
   reportBug: 'Report a bug',
+  unhealthyVdiChainError: 'Job canceled to protect the VDI chain',
+  clickForMoreInformation: 'Click for more information',
 
   // ----- IPs ------
   ipPoolName: 'Name',

src/xo-app/logs/index.js

@@ -115,6 +115,10 @@ const PREDICATES = {
   success: call => call.end !== undefined && call.error === undefined,
 }
 
+const UNHEALTHY_VDI_CHAIN_ERROR = 'unhealthy VDI chain'
+const UNHEALTHY_VDI_CHAIN_LINK =
+  'https://xen-orchestra.com/docs/backup_troubleshooting.html#vdi-chain-protection'
+
 class Log extends BaseComponent {
   state = {
     filter: 'all',
@@ -208,16 +212,28 @@ class Log extends BaseComponent {
                       <JobReturn id={id} />
                     </span>
                   )}
-                  {call.error && (
+                  {error != null &&
+                    (error.message === UNHEALTHY_VDI_CHAIN_ERROR ? (
+                      <Tooltip content={_('clickForMoreInformation')}>
+                        <a
+                          className='text-info'
+                          href={UNHEALTHY_VDI_CHAIN_LINK}
+                          rel='noopener noreferrer'
+                          target='_blank'
+                        >
+                          <Icon icon='info' /> {_('unhealthyVdiChainError')}
+                        </a>
+                      </Tooltip>
+                    ) : (
                       <span className='text-danger'>
                         <Icon icon='error' />{' '}
-                      {call.error.message ? (
+                        {error.message !== undefined ? (
-                        <strong>{call.error.message}</strong>
+                          <strong>{error.message}</strong>
                         ) : (
-                        JSON.stringify(call.error)
+                          JSON.stringify(error)
                         )}
                       </span>
-                  )}
+                    ))}
                 </li>
               )
             )