File name
Commit message
Commit date
2023-02-24
File name
Commit message
Commit date
2023-02-24
import React from "react";
import Button from "./Button.jsx";
import Table from "./Table.jsx";
export default function Modal({ open, close, }) {
const thead1 = [
"No",
"측정일자",
"측정파일",
"등록자",
];
const key1 = ["No", "date", "file","writer",];
const content1 = [
{
No: 1,
date: "2023-01-25",
file: ( <a href="" download="테스트">다운로드</a>),
writer: "정간호",
},
];
return (
<div class={open ? "openModal modal" : "modal"}>
{open ? (
<div className="modal-inner">
<div className="modal-header flex">
심전도 등록
<Button className={"close"} onClick={close} btnName={"X"} />
</div>
<div className="modal-main"><div className="board-wrap">
<div>
<table className="margin-bottom2">
<tr>
<th>대상자명</th>
<td className="flex-start">
<input type="text" placeholder="자동입력"/>
</td>
</tr>
<tr>
<th>측정일자</th>
<td className="flex-start">
<input type="text" placeholder="자동입력"/>
</td>
</tr>
<tr>
<th>측정파일</th>
<td className="flex-start">
<input type="file"></input>
</td>
</tr>
<tr>
<th>등록자</th>
<td className="flex-start">
<input type="text" placeholder="자동입력"/>
</td>
</tr>
</table>
<div className="btn-wrap flex-center margin-bottom5">
<Button className={"btn-small red-btn"} btnName={"저장"} />
</div>
</div>
<Table
className={"caregiver-user "}
head={thead1}
contents={content1}
contentKey={key1}
/>
</div></div>
</div>
) : null}
</div>
);
}