github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/applications/components/application-fullscreen-logs/application-fullscreen-logs.tsx (about) 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 };