mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-06-08 10:22:47 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(frontend): replace forkawesome with bootstrap icons

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/components/layout/settings-dialog/settings-button.tsx
View file

@ -9,6 +9,7 @@ import { IconButton } from '../../common/icon-button/icon-button'
import { SettingsModal } from './settings-modal'
import React, { Fragment } from 'react'
import type { ButtonProps } from 'react-bootstrap'
import { Gear as IconGear } from 'react-bootstrap-icons'
export type SettingsButtonProps = Omit<ButtonProps, 'onClick'>
/**
@ -18,7 +19,7 @@ export const SettingsButton: React.FC<SettingsButtonProps> = (props) => {
const [show, showModal, hideModal] = useBooleanState(false)
return (
<Fragment>
<IconButton {...props} {...cypressId('settingsButton')} onClick={showModal} icon={'cog'} />
<IconButton {...props} {...cypressId('settingsButton')} onClick={showModal} icon={IconGear} />
<SettingsModal show={show} onHide={hideModal} />
</Fragment>
)

3
frontend/src/components/layout/settings-dialog/settings-modal.tsx
View file

@ -10,6 +10,7 @@ import { GlobalSettingsTabContent } from './global/global-settings-tab-content'
import { t } from 'i18next'
import React from 'react'
import { Modal, Tab, Tabs } from 'react-bootstrap'
import { Gear as IconGear } from 'react-bootstrap-icons'
/**
* Shows global and scope specific settings
@ -23,7 +24,7 @@ export const SettingsModal: React.FC<CommonModalProps> = ({ show, onHide }) => {
show={show}
modalSize={'lg'}
onHide={onHide}
titleIcon={'cog'}
titleIcon={IconGear}
titleI18nKey={'settings.title'}
showCloseButton={true}>
<Modal.Body>