github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/applications/components/application-conditions/application-conditions.tsx (about)

     1  import * as React from 'react';
     2  
     3  import {Timestamp} from '../../../shared/components';
     4  import * as models from '../../../shared/models';
     5  import {getConditionCategory} from '../utils';
     6  
     7  import './application-conditions.scss';
     8  
     9  export const ApplicationConditions = ({conditions}: {conditions: models.ApplicationCondition[]}) => {
    10      return (
    11          <div className='application-conditions'>
    12              <h4>Application conditions</h4>
    13              {(conditions.length === 0 && <p>Application is healthy</p>) || (
    14                  <div className='argo-table-list'>
    15                      {conditions.map((condition, index) => (
    16                          <div className={`argo-table-list__row application-conditions__condition application-conditions__condition--${getConditionCategory(condition)}`} key={index}>
    17                              <div className='row'>
    18                                  <div className='columns small-2'>{condition.type}</div>
    19                                  <div className='columns small-7' style={{whiteSpace: 'normal', lineHeight: 'normal'}}>
    20                                      {condition.message}
    21                                  </div>
    22                                  <div className='columns small-3'>
    23                                      <Timestamp date={condition.lastTransitionTime} />
    24                                  </div>
    25                              </div>
    26                          </div>
    27                      ))}
    28                  </div>
    29              )}
    30          </div>
    31      );
    32  };