argo-cd

1
import * as React from 'react';
2

3
import Helmet from 'react-helmet';
4
import {RouteComponentProps} from 'react-router-dom';
5
import {Query} from '../../../shared/components';
6
import {PodsLogsViewer} from '../pod-logs-viewer/pod-logs-viewer';
7
import './application-fullscreen-logs.scss';
8

9
export const ApplicationFullscreenLogs = (props: RouteComponentProps<{name: string; appnamespace: string; container: string; namespace: string}>) => {
10
    return (
11
        <Query>
12
            {q => {
13
                const podName = q.get('podName');
14
                const name = q.get('name');
15
                const group = q.get('group');
16
                const kind = q.get('kind');
17
                const title = `${podName || `${group}/${kind}/${name}`}:${props.match.params.container}`;
18
                return (
19
                    <div className='application-fullscreen-logs'>
20
                        <Helmet title={`${title} - Argo CD`} />
21
                        <h4 style={{fontSize: '18px', textAlign: 'center'}}>{title}</h4>
22
                        <PodsLogsViewer
23
                            applicationName={props.match.params.name}
24
                            applicationNamespace={props.match.params.appnamespace}
25
                            containerName={props.match.params.container}
26
                            namespace={props.match.params.namespace}
27
                            group={group}
28
                            kind={kind}
29
                            name={name}
30
                            podName={podName}
31
                        />
32
                    </div>
33
                );
34
            }}
35
        </Query>
36
    );
37
};
38