kikikan/backend/resources/js/component/alert.jsx

import React, { useEffect } from 'react';

const Alert = (props) => {
    
    //props.type == 'success'  alert-success
    //props.type == 'danger'  alert-danger

    useEffect(() => {
        window.scrollTo(0, 0);
        let timer = setTimeout(()=>{
            clearTimeout(timer);
            if(props.hide)  props.hide();
        }, 5000)
    },[]);

	return (
        <div className={`alert-${props.type} ft-18 ft-xs-16`}>
            {props.children}
        </div>
	)
}

export default Alert;