argo-cd

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
};
33