github.com/argoproj/argo-cd@v1.8.7/ui/src/app/applications/components/application-status-panel/revision-metadata-panel.tsx (about)

     1  import {DataLoader, Tooltip} from 'argo-ui';
     2  import * as React from 'react';
     3  import {Timestamp} from '../../../shared/components/timestamp';
     4  import {RevisionMetadata} from '../../../shared/models';
     5  import {services} from '../../../shared/services';
     6  
     7  export const RevisionMetadataPanel = (props: {appName: string; type: string; revision: string}) => {
     8      if (props.type === 'helm') {
     9          return <React.Fragment />;
    10      }
    11      return (
    12          <DataLoader input={props} load={input => services.applications.revisionMetadata(input.appName, props.revision)}>
    13              {(m: RevisionMetadata) => (
    14                  <Tooltip
    15                      content={
    16                          <span>
    17                              {m.author && <React.Fragment>Authored by {m.author}</React.Fragment>}
    18                              <br />
    19                              {m.date && <Timestamp date={m.date} />}
    20                              <br />
    21                              {m.tags && (
    22                                  <span>
    23                                      Tags: {m.tags}
    24                                      <br />
    25                                  </span>
    26                              )}
    27                              {m.signatureInfo}
    28                              <br />
    29                              {m.message}
    30                          </span>
    31                      }
    32                      placement='bottom'
    33                      allowHTML={true}>
    34                      <div className='application-status-panel__item-name'>
    35                          {m.author && (
    36                              <React.Fragment>
    37                                  Authored by {m.author} - {m.signatureInfo}
    38                                  <br />
    39                              </React.Fragment>
    40                          )}
    41                          {m.tags && (
    42                              <span>
    43                                  Tagged {m.tags.join(', ')}
    44                                  <br />
    45                              </span>
    46                          )}
    47                          {m.message}
    48                      </div>
    49                  </Tooltip>
    50              )}
    51          </DataLoader>
    52      );
    53  };