@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
35 lines • 1.33 kB
JavaScript
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import { useEffect } from 'react';
import { useModalContext } from '../../context/modal-context';
export const useModalContextLoadingButtonComponent = (isPrimaryButton, loading) => {
const modalContext = useModalContext();
useEffect(() => {
if (!isPrimaryButton || !modalContext.isInModal) {
return;
}
if (loading) {
modalContext.componentLoadingCount.current++;
return () => {
modalContext.componentLoadingCount.current--;
modalContext.emitTimeToContentReadyInModal(performance.now());
};
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [loading]);
};
export const useModalContextLoadingComponent = () => {
const modalContext = useModalContext();
useEffect(() => {
if (!modalContext.isInModal) {
return;
}
modalContext.componentLoadingCount.current++;
return () => {
modalContext.componentLoadingCount.current--;
modalContext.emitTimeToContentReadyInModal(performance.now());
};
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
};
//# sourceMappingURL=index.js.map