hedgedoc/src/components/editor/document-bar/menus/import-menu.tsx
mrdrogdrog 0fadc09f2b
Restructure repository (#426)
organized repository 

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Philip Molares <git@molar.es>
2020-08-16 16:02:26 +02:00

29 lines
1,010 B
TypeScript

import React from 'react'
import { Dropdown } from 'react-bootstrap'
import { Trans } from 'react-i18next'
import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
export const ImportMenu: React.FC = () => {
return (
<Dropdown className='small mx-1' alignRight={true}>
<Dropdown.Toggle variant='light' size='sm' id='editor-menu-import' className=''>
<Trans i18nKey='editor.documentBar.import'/>
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item className='small'>
<ForkAwesomeIcon icon='dropbox' className={'mx-2'}/>
Dropbox
</Dropdown.Item>
<Dropdown.Item className='small'>
<ForkAwesomeIcon icon='github' className={'mx-2'}/>
Gist
</Dropdown.Item>
<Dropdown.Item className='small'>
<ForkAwesomeIcon icon='clipboard' className={'mx-2'}/>
<Trans i18nKey='editor.import.clipboard'/>
</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
)
}