File name
Commit message
Commit date
File name
Commit message
Commit date
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", "high","low", "pulse", "writer"];
const content1 = [
{
No: 1,
date: "2023-01-25",
high: "130",
low: "90",
pulse: "60",
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="text" />
</td>
</tr>
<tr>
<th>최저혈압</th>
<td className="flex-start">
<input type="text" />
</td>
</tr>
<tr>
<th>맥박수</th>
<td className="flex-start">
<input type="text" />
</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>
);
}