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

Switch the base framework from Create React App to Next.JS

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Renovate Bot 2021-12-25 15:44:24 +00:00 • committed by Tilman Vatteroth
parent a979b6ffdd
commit 77a60c6c48
361 changed files with 5130 additions and 9605 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/notifications/notifications.scss → src/components/notifications/notifications.module.scss
View file

@ -1,4 +1,4 @@
/*!
/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only

4
src/components/notifications/ui-notification-toast.tsx
View file

@ -15,6 +15,7 @@ import { Logger } from '../../utils/logger'
import { cypressId } from '../../utils/cypress-attribute'
import { useEffectOnce, useInterval } from 'react-use'
import { dismissUiNotification } from '../../redux/ui-notifications/methods'
import styles from './notifications.module.scss'
const STEPS_PER_SECOND = 10
const log = new Logger('UiNotificationToast')
@ -89,7 +90,7 @@ export const UiNotificationToast: React.FC<UiNotificationProps> = ({
}, [contentI18nKey, contentI18nOptions, t])
return (
<Toast show={!dismissed} onClose={dismissNow} {...cypressId('notification-toast')}>
<Toast className={styles.toast} show={!dismissed} onClose={dismissNow} {...cypressId('notification-toast')}>
<Toast.Header>
<strong className='mr-auto'>
<ShowIf condition={!!icon}>
@ -105,6 +106,7 @@ export const UiNotificationToast: React.FC<UiNotificationProps> = ({
now={remainingSteps}
max={durationInSecond * STEPS_PER_SECOND}
min={STEPS_PER_SECOND}
className={styles.progress}
/>
<div>{buttonsDom}</div>
</Toast>

4
src/components/notifications/ui-notifications.tsx
View file

@ -6,14 +6,14 @@
import React from 'react'
import { UiNotificationToast } from './ui-notification-toast'
import './notifications.scss'
import styles from './notifications.module.scss'
import { useApplicationState } from '../../hooks/common/use-application-state'
export const UiNotifications: React.FC = () => {
const notifications = useApplicationState((state) => state.uiNotifications)
return (
<div className={'notifications-area'} aria-live='polite' aria-atomic='true'>
<div className={styles['notifications-area']} aria-live='polite' aria-atomic='true'>
{notifications.map((notification, notificationIndex) => (
<UiNotificationToast key={notificationIndex} notificationId={notificationIndex} {...notification} />
))}