github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/settings/components/settings-overview/settings-overview.tsx (about)

     1  import * as PropTypes from 'prop-types';
     2  import * as React from 'react';
     3  
     4  import {Page} from '../../../shared/components';
     5  import {AppContext} from '../../../shared/context';
     6  
     7  require('./settings-overview.scss');
     8  
     9  const settings = [
    10      {
    11          title: 'Repositories',
    12          description: 'Configure connected repositories',
    13          path: './repos'
    14      },
    15      {
    16          title: 'Repository certificates and known hosts',
    17          description: 'Configure repository certificates and known hosts for connecting Git repositories',
    18          path: './certs'
    19      },
    20      {
    21          title: 'GnuPG keys',
    22          description: 'Configure GnuPG public keys for commit verification',
    23          path: './gpgkeys'
    24      },
    25      {
    26          title: 'Clusters',
    27          description: 'Configure connected Kubernetes clusters',
    28          path: './clusters'
    29      },
    30      {
    31          title: 'Projects',
    32          description: 'Configure Argo CD projects',
    33          path: './projects'
    34      },
    35      {
    36          title: 'Accounts',
    37          description: 'Configure Accounts',
    38          path: './accounts'
    39      },
    40      {
    41          title: 'Appearance',
    42          description: 'Configure themes in UI',
    43          path: './appearance'
    44      }
    45  ];
    46  
    47  export const SettingsOverview: React.StatelessComponent = (props: any, context: AppContext) => (
    48      <Page title='Settings' toolbar={{breadcrumbs: [{title: 'Settings'}]}}>
    49          <div className='settings-overview'>
    50              <div className='argo-container'>
    51                  {settings.map(item => (
    52                      <div key={item.path} className='settings-overview__redirect-panel' onClick={() => context.apis.navigation.goto(item.path)}>
    53                          <div className='settings-overview__redirect-panel__content'>
    54                              <div className='settings-overview__redirect-panel__title'>{item.title}</div>
    55                              <div className='settings-overview__redirect-panel__description'>{item.description}</div>
    56                          </div>
    57                          <div className='settings-overview__redirect-panel__arrow'>
    58                              <i className='fa fa-angle-right' />
    59                          </div>
    60                      </div>
    61                  ))}
    62              </div>
    63          </div>
    64      </Page>
    65  );
    66  
    67  SettingsOverview.contextTypes = {
    68      apis: PropTypes.object
    69  };