このリポジトリは2023-09-09にアーカイブされています。 ファイルの閲覧とクローンは可能ですが、プッシュ、イシューの作成、プルリクエストはできません。
kikikan/backend/resources/js/component/modal_alert.jsx

28 行
879 B
JavaScript

import React, { useEffect, useState } from 'react';
import { makeStyles } from '@material-ui/styles';
const useStyles = makeStyles(theme => ({
show: {
display: 'block',
},
hide: {
display: 'none',
},
}));
export default function ModalAlert({ show, message, textColor, handleClose }){
const classes = useStyles();
return (
<div className={`modal-area modal-pd ${show ? classes.show : classes.hide}`}>
<div className="modal-bg"></div>
<div className="modal-wrap">
<p className="modal-ttl" style={{ whiteSpace: 'pre-wrap', color: `${textColor ?? "red"}`}}>{message}</p>
<p className="modal-close-btn">
<img onClick={handleClose} src="/assets/img/icon/plus02.svg" alt="閉じるボタン" width="18" height="18" />
</p>
</div>
</div>
)
}