github.com/argoproj/argo-cd/v3@v3.2.1/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                  const fullscreen = true;
    19                  return (
    20                      <div className='application-fullscreen-logs'>
    21                          <Helmet title={`${title} - Argo CD`} />
    22                          <h4 style={{fontSize: '18px', textAlign: 'center'}}>{title}</h4>
    23                          <PodsLogsViewer
    24                              applicationName={props.match.params.name}
    25                              applicationNamespace={props.match.params.appnamespace}
    26                              containerName={props.match.params.container}
    27                              namespace={props.match.params.namespace}
    28                              group={group}
    29                              kind={kind}
    30                              name={name}
    31                              podName={podName}
    32                              fullscreen={fullscreen}
    33                          />
    34                      </div>
    35                  );
    36              }}
    37          </Query>
    38      );
    39  };