announce quota alerts to assistive tech
This commit is contained in:
@@ -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'); }}
|
||||||
|
|||||||
Reference in New Issue
Block a user