このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
2021-10-06 11:40:39 +09:00
|
|
|
import React, { useEffect } from 'react';
|
2021-10-01 18:50:43 +09:00
|
|
|
|
2021-10-06 11:40:39 +09:00
|
|
|
const Alert = (props) => {
|
2021-10-01 18:50:43 +09:00
|
|
|
|
|
|
|
//props.type == 'success' alert-success
|
|
|
|
//props.type == 'danger' alert-danger
|
2021-10-05 03:07:23 +09:00
|
|
|
|
2021-12-22 03:47:38 +09:00
|
|
|
useEffect(() => {
|
|
|
|
window.scrollTo(0, 0);
|
|
|
|
let timer = setTimeout(()=>{
|
|
|
|
clearTimeout(timer);
|
|
|
|
if(props.hide) props.hide();
|
|
|
|
}, 3000)
|
|
|
|
},[]);
|
2021-10-01 18:50:43 +09:00
|
|
|
|
|
|
|
return (
|
2021-12-22 03:47:38 +09:00
|
|
|
<div className={`alert-${props.type} ft-18 ft-xs-16`}>
|
|
|
|
{props.children}
|
|
|
|
</div>
|
2021-10-01 18:50:43 +09:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2021-10-06 11:40:39 +09:00
|
|
|
export default Alert;
|