GGLinnk/foris-js
1
0
Fork 0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-12-25 00:11:36 +01:00
Code Issues Releases Activity

Refactor Alert component to use useFocusTrap hook

Browse Source
This commit is contained in:
Aleksandr Gumroian 2024-09-17 14:13:08 +02:00
parent 02f3803265
commit 83a6ff75f6
No known key found for this signature in database
GPG Key ID: 9E77849C64F0A733
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/bootstrap/Alert.js
View File

@ -5,10 +5,12 @@
* See /LICENSE for more information.
*/
import React from "react";
import React, { useRef } from "react";
import PropTypes from "prop-types";
import { useFocusTrap } from "../utils/hooks";
export const ALERT_TYPES = Object.freeze({
PRIMARY: "primary",
SECONDARY: "secondary",
@ -37,11 +39,15 @@ Alert.defaultProps = {
};
function Alert({ type, onDismiss, children }) {
const alertRef = useRef();
useFocusTrap(alertRef, !!onDismiss);
return (
<div
ref={alertRef}
className={`alert alert-${type} ${
onDismiss ? "alert-dismissible" : ""
}`.trim()}
role="alert"
>
{onDismiss && (
<button