mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-17 08:34:54 -04:00
7794538c6a
* set text direction on language load and change to rtl if arabic is chosen see https://www.w3schools.com/tags/att_global_dir.asp * minor fixes to make rtl-mode look good: - margins not only on the right, but on both sides - fix bootstrap ToggleButtonGroup to always be ltr * removed console.log statements * fixed margin on the name in the user-avatar * '$Icon CodiMD' on the intro page now always uses ftr text direction, since we don't translate the same of the software * fixed import * removed setHTMLDirection function * added toplevel div with dir='auto' some elements got dir='auto' if they contain potentially not translated or intended english text * added text-align: start to the user-dropdown * moved toplevel dir='auto' * moved shortenLanguageCode to language-picker * Changed mr-2 to mx-2 for profile buttons Co-authored-by: Erik Michelson <github@erik.michelson.eu>
22 lines
723 B
TypeScript
22 lines
723 B
TypeScript
import React from 'react'
|
|
import { Button } from 'react-bootstrap'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { LinkContainer } from 'react-router-bootstrap'
|
|
import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
|
|
|
|
export const NewUserNoteButton: React.FC = () => {
|
|
const { t } = useTranslation()
|
|
return (
|
|
<LinkContainer to={'/new'} title={t('landing.navigation.newNote')}>
|
|
<Button
|
|
variant="primary"
|
|
size="sm"
|
|
className="d-inline-flex align-items-center">
|
|
<ForkAwesomeIcon icon="plus" className="mx-1"/>
|
|
<span>
|
|
<Trans i18nKey='landing.navigation.newNote'/>
|
|
</span>
|
|
</Button>
|
|
</LinkContainer>
|
|
)
|
|
}
|