github.com/argoproj/argo-cd@v1.8.7/ui/src/app/help/components/help.tsx (about) 1 import * as React from 'react'; 2 import {Page} from '../../shared/components'; 3 import {Consumer} from '../../shared/context'; 4 5 require('./help.scss'); 6 7 export const Help = () => ( 8 <Consumer> 9 {ctx => ( 10 <Page title='Help'> 11 <div className='row'> 12 <div className='columns large-4 small-6'> 13 <div className='help-box'> 14 <p>New to Argo CD?</p> 15 <a className='argo-button argo-button--base' href='https://argoproj.github.io/argo-cd'> 16 Read the docs 17 </a> 18 </div> 19 </div> 20 <div className='columns large-4 small-6'> 21 <div className='help-box'> 22 <p>Want to download the CLI tool?</p> 23 <a href={`download/argocd-linux-amd64`} className='argo-button argo-button--base'> 24 <i className='fab fa-linux ' /> Linux 25 </a> 26 27 <a href={`download/argocd-darwin-amd64`} className='argo-button argo-button--base'> 28 <i className='fab fa-apple' /> macOS 29 </a> 30 31 <a href={`download/argocd-windows-amd64.exe`} className='argo-button argo-button--base'> 32 <i className='fab fa-windows' /> Windows 33 </a> 34 </div> 35 </div> 36 <div className='columns large-4 small-6'> 37 <div className='help-box'> 38 <p>You want to develop against Argo CD's API?</p> 39 <a className='argo-button argo-button--base' href='/swagger-ui'> 40 Open the API docs 41 </a> 42 </div> 43 </div> 44 </div> 45 </Page> 46 )} 47 </Consumer> 48 );