mirror of
https://gitlab.nic.cz/turris/reforis/foris-js.git
synced 2024-11-14 17:35:35 +01:00
Compare commits
2 Commits
39257567d4
...
3fa5ab7c07
Author | SHA1 | Date | |
---|---|---|---|
|
3fa5ab7c07 | ||
|
ff48d6ca36 |
|
@ -69,7 +69,7 @@ export {
|
||||||
withErrorMessage,
|
withErrorMessage,
|
||||||
} from "./utils/conditionalHOCs";
|
} from "./utils/conditionalHOCs";
|
||||||
export { ErrorMessage } from "./utils/ErrorMessage";
|
export { ErrorMessage } from "./utils/ErrorMessage";
|
||||||
export { useClickOutside, useTooltip } from "./utils/hooks";
|
export { useClickOutside } from "./utils/hooks";
|
||||||
export { toLocaleDateString } from "./utils/datetime";
|
export { toLocaleDateString } from "./utils/datetime";
|
||||||
export { displayCard } from "./utils/displayCard";
|
export { displayCard } from "./utils/displayCard";
|
||||||
export { isPluginInstalled } from "./utils/isPluginInstalled";
|
export { isPluginInstalled } from "./utils/isPluginInstalled";
|
||||||
|
|
|
@ -5,8 +5,7 @@
|
||||||
* See /LICENSE for more information.
|
* See /LICENSE for more information.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { useState, useEffect, useRef } from "react";
|
import { useState, useEffect } from "react";
|
||||||
import { Tooltip } from "bootstrap/dist/js/bootstrap.bundle.min";
|
|
||||||
|
|
||||||
/** Execute callback when condition is set to true. */
|
/** Execute callback when condition is set to true. */
|
||||||
export function useConditionalTimeout(
|
export function useConditionalTimeout(
|
||||||
|
@ -41,22 +40,3 @@ export function useClickOutside(element, callback) {
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/** useTooltip hook for Bootstrap tooltips. */
|
|
||||||
export function useTooltip(description, placement = "top", trigger = "hover") {
|
|
||||||
const tooltipRef = useRef();
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const tooltip = new Tooltip(tooltipRef.current, {
|
|
||||||
title: description,
|
|
||||||
placement,
|
|
||||||
trigger,
|
|
||||||
});
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
tooltip.dispose();
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
return tooltipRef;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user