github.com/argoproj/argo-cd@v1.8.7/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: 'Certificates',
    17          description: 'Configure certificates 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  
    42  export const SettingsOverview: React.StatelessComponent = (props: any, context: AppContext) => (
    43      <Page title='Settings' toolbar={{breadcrumbs: [{title: 'Settings'}]}}>
    44          <div className='settings-overview'>
    45              <div className='argo-container'>
    46                  {settings.map(item => (
    47                      <div key={item.path} className='settings-overview__redirect-panel' onClick={() => context.apis.navigation.goto(item.path)}>
    48                          <div className='settings-overview__redirect-panel__content'>
    49                              <div className='settings-overview__redirect-panel__title'>{item.title}</div>
    50                              <div className='settings-overview__redirect-panel__description'>{item.description}</div>
    51                          </div>
    52                          <div className='settings-overview__redirect-panel__arrow'>
    53                              <i className='fa fa-angle-right' />
    54                          </div>
    55                      </div>
    56                  ))}
    57              </div>
    58          </div>
    59      </Page>
    60  );
    61  
    62  SettingsOverview.contextTypes = {
    63      apis: PropTypes.object
    64  };