announce quota alerts to assistive tech

This commit is contained in:
2026-09-06 16:58:06 +03:00
parent 8ed657c611
commit cd7dc64c67
+1 -1
View File
@@ -7,7 +7,7 @@ export const KotaUyarisi = () => {
const { kotaUyarisi, setKotaUyarisi, setActiveTab } = useApp(); const { kotaUyarisi, setKotaUyarisi, setActiveTab } = useApp();
if (!kotaUyarisi) return null; if (!kotaUyarisi) return null;
return ( return (
<div className="bg-amber-50 border border-amber-300 rounded-xl p-4 my-3 flex items-start gap-3"> <div role="alert" className="bg-amber-50 border border-amber-300 rounded-xl p-4 my-3 flex items-start gap-3">
<AlertTriangle className="w-4 h-4 text-amber-700 shrink-0 mt-0.5" /> <AlertTriangle className="w-4 h-4 text-amber-700 shrink-0 mt-0.5" />
<p className="text-xs text-amber-900 leading-relaxed flex-1">{kotaUyarisi}</p> <p className="text-xs text-amber-900 leading-relaxed flex-1">{kotaUyarisi}</p>
<button type="button" onClick={() => { setKotaUyarisi(null); setActiveTab('planlar'); }} <button type="button" onClick={() => { setKotaUyarisi(null); setActiveTab('planlar'); }}