Upgrade React 18.3.1 → 19.2.4 with full type compatibility. Changes: - react, react-dom → ^19.0.0 - @types/react, @types/react-dom → ^19.0.0 - lucide-react → ^0.577.0 (React 19 type fixes) - @tiptap/* → ^3.20.4 (React 19 support) - useRef calls now require explicit initial value (undefined) - RefObject types updated for React 19 (includes null) - MutableRefObject → RefObject (deprecated in 19) - act() import moved from react-dom/test-utils to react - Scoped JSX namespace imports added where needed
15 lines
586 B
TypeScript
15 lines
586 B
TypeScript
import type { JSX } from 'react';
|
|
/**
|
|
* Empty state for ChatHistory when no conversation exists.
|
|
*/
|
|
export const ChatHistoryEmptyState = (): JSX.Element => {
|
|
return (
|
|
<div className="flex flex-1 items-center justify-center overflow-hidden bg-surface">
|
|
<div className="space-y-2 text-center text-text-muted">
|
|
<div className="mb-4 text-6xl">💬</div>
|
|
<div className="text-xl font-medium text-text-secondary">No conversation history</div>
|
|
<div className="text-sm">This session does not contain any messages yet.</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|