mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-11-14 14:13:43 +01:00
Rebeka Dekany
e2a8bf768b
* 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
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import Notification from '@/shared/components/notification'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
import RailPanelHeader from '@/features/ide-react/components/rail/rail-panel-header'
|
|
|
|
interface ChatFallbackErrorProps {
|
|
reconnect?: () => void
|
|
}
|
|
|
|
function ChatFallbackError({ reconnect }: ChatFallbackErrorProps) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className="chat-panel">
|
|
<RailPanelHeader title={t('collaborator_chat')} />
|
|
<div className="chat-wrapper">
|
|
<aside className="chat" aria-label={t('chat')}>
|
|
<div className="chat-error">
|
|
<div className="notification-list">
|
|
<Notification type="error" content={t('chat_error')} />
|
|
</div>
|
|
{reconnect && (
|
|
<p className="text-center">
|
|
<OLButton variant="secondary" onClick={reconnect}>
|
|
{t('reconnect')}
|
|
</OLButton>
|
|
</p>
|
|
)}
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ChatFallbackError
|