13 lines
394 B
React
13 lines
394 B
React
import { useOnlineStatus } from '../hooks/useOnlineStatus';
|
|
|
|
export default function OfflineBanner() {
|
|
const isOnline = useOnlineStatus();
|
|
if (isOnline) return null;
|
|
|
|
return (
|
|
<div className="bg-amber-500 text-white text-center text-sm py-1.5 px-4 font-medium sticky top-0 z-50">
|
|
⚡ You're offline — viewing cached data. Changes will sync when reconnected.
|
|
</div>
|
|
);
|
|
}
|