diff options
| author | crupest <crupest@outlook.com> | 2020-09-03 18:10:02 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-09-03 18:10:02 +0800 |
| commit | 70be5235ba90a15b7798a7922382835fd680b1fc (patch) | |
| tree | 9f1ed076ecb0b7ef884b8cd8aa5c7e7497cb6376 /Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx | |
| parent | b06cd597488b2d1c12ef9e35b25bdba6a9d4b11e (diff) | |
| download | timeline-70be5235ba90a15b7798a7922382835fd680b1fc.tar.gz timeline-70be5235ba90a15b7798a7922382835fd680b1fc.tar.bz2 timeline-70be5235ba90a15b7798a7922382835fd680b1fc.zip | |
Migrate to react-bootstrap.
Diffstat (limited to 'Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx')
| -rw-r--r-- | Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx b/Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx index 31c0fb86..c74f18e2 100644 --- a/Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx +++ b/Timeline/ClientApp/src/app/views/common/alert/AlertHost.tsx @@ -1,8 +1,8 @@ import React, { useCallback } from "react"; -import { Alert } from "reactstrap"; import without from "lodash/without"; import concat from "lodash/concat"; import { useTranslation } from "react-i18next"; +import { Alert } from "react-bootstrap"; import { alertService, @@ -37,7 +37,12 @@ export const AutoCloseAlert: React.FC<AutoCloseAlertProps> = (props) => { }, [dismissTime, props.close]); return ( - <Alert className="m-3" color={alert.type ?? "primary"} toggle={props.close}> + <Alert + className="m-3" + variant={alert.type ?? "primary"} + onClose={props.close} + dismissible + > {(() => { const { message } = alert; if (typeof message === "function") { |