github.com/argoproj/argo-cd@v1.8.7/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  require('./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'>{condition.message}</div>
    20                                  <div className='columns small-3'>
    21                                      <Timestamp date={condition.lastTransitionTime} />
    22                                  </div>
    23                              </div>
    24                          </div>
    25                      ))}
    26                  </div>
    27              )}
    28          </div>
    29      );
    30  };