mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-11-14 22:23:42 +01:00
* Merge intermediate component wrappers into OL-prefixed components * Replace all intermediate wrapper consumers with OL-prefixed components directly * Fix jsx/js files still importing deleted shim components * Remove duplicate OLNotification imports left by first pass * Rename OLTagIcon to TagIcon, remove OL prefix * Rename OLDropdownMenuItem to DropdownMenuItem, remove OL prefix * Remove OLNotification, use Notification directly * Move Notification to the main shared component folder * Update tag-icon import path out of ol/ * Move TagIcon to the main shared component folder * Update dropdown-menu-item import path out of ol/ * Move DropdownMenuItem to the main shared component folder * Fix dropdown-menu-item import path to dropdown/ subfolder * Remove BS5 alias prefixes from shared components * Restore notification-list wrapper in Notification component * Add translation for loading button * Remove redundant import aliasing * Resolve conflicts * Restore notification container `notification-list` GitOrigin-RevId: 24a5af18599a3e02ac6fd61c09cf5a49ef6e0020
36 lines
698 B
TypeScript
36 lines
698 B
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import Notification from '@/shared/components/notification'
|
|
|
|
export type APIError = {
|
|
message?: string
|
|
}
|
|
|
|
type ErrorAlertProps = {
|
|
error?: APIError
|
|
}
|
|
|
|
export default function ErrorAlert({ error }: ErrorAlertProps) {
|
|
const { t } = useTranslation()
|
|
|
|
if (!error) {
|
|
return null
|
|
}
|
|
|
|
if (error.message) {
|
|
return (
|
|
<div className="notification-list">
|
|
<Notification
|
|
type="error"
|
|
content={`${t('error')}: ${error.message}`}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className="notification-list">
|
|
<Notification type="error" content={t('generic_something_went_wrong')} />
|
|
</div>
|
|
)
|
|
}
|