feat(frontend): replace forkawesome with bootstrap icons

These icon replace fork awesome. A linter informs the user about the deprecation.

See https://github.com/hedgedoc/hedgedoc/issues/2929

Co-authored-by: Philip Molares <philip.molares@udo.edu>
Co-authored-by: Tilman Vatteroth <git@tilmanvatteroth.de>
Signed-off-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Philip Molares 2023-02-05 22:05:02 +01:00 committed by Tilman Vatteroth
parent e7246f1484
commit 1c16e25e14
179 changed files with 4974 additions and 1943 deletions

View file

@ -12,6 +12,7 @@ import type { AccessTokenUpdateProps } from './profile-access-tokens'
import { DateTime } from 'luxon'
import React, { useCallback, useMemo } from 'react'
import { Col, ListGroup, Row } from 'react-bootstrap'
import { Trash as IconTrash } from 'react-bootstrap-icons'
import { Trans, useTranslation } from 'react-i18next'
export interface AccessTokenListEntryProps {
@ -61,7 +62,7 @@ export const AccessTokenListEntry: React.FC<AccessTokenListEntryProps & AccessTo
<Col className='text-start text-white-50'>{lastUsed}</Col>
<Col xs='auto'>
<IconButton
icon='trash-o'
icon={IconTrash}
variant='danger'
onClick={showModal}
{...cypressId('access-token-delete-button')}

View file

@ -4,10 +4,12 @@
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { useBooleanState } from '../../../hooks/common/use-boolean-state'
import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
import { UiIcon } from '../../common/icons/ui-icon'
import { AccountDeletionModal } from './account-deletion-modal'
import React, { Fragment } from 'react'
import { Button, Card, Row } from 'react-bootstrap'
import { Trash as IconTrash } from 'react-bootstrap-icons'
import { CloudDownload as IconCloudDownload } from 'react-bootstrap-icons'
import { Trans, useTranslation } from 'react-i18next'
/**
@ -26,13 +28,13 @@ export const ProfileAccountManagement: React.FC = () => {
</Card.Title>
<Row>
<Button variant='secondary' href={'me/export'} className='mb-2'>
<ForkAwesomeIcon icon='cloud-download' fixedWidth={true} className='mx-2' />
<UiIcon icon={IconCloudDownload} className='mx-2' />
<Trans i18nKey='profile.exportUserData' />
</Button>
</Row>
<Row>
<Button variant='danger' onClick={showModal}>
<ForkAwesomeIcon icon='trash' fixedWidth={true} className='mx-2' />
<UiIcon icon={IconTrash} className='mx-2' />
<Trans i18nKey='profile.deleteUser' />
</Button>
</Row>