From 74281891aec3ee39357147cbf5e7c41301d6a64d Mon Sep 17 00:00:00 2001
From: ekallin <elina_kallin@mail.ru>
Date: Tue, 19 Dec 2023 15:42:57 +0400
Subject: [PATCH] some additionals: lines table and other

---
 src/components/adminTable/LineTable.jsx     | 44 ++++++++++++++++++
 src/components/adminTable/LinesTableRow.jsx | 49 +++++++++++++++++++++
 2 files changed, 93 insertions(+)
 create mode 100644 src/components/adminTable/LineTable.jsx
 create mode 100644 src/components/adminTable/LinesTableRow.jsx

diff --git a/src/components/adminTable/LineTable.jsx b/src/components/adminTable/LineTable.jsx
new file mode 100644
index 0000000..5b53c01
--- /dev/null
+++ b/src/components/adminTable/LineTable.jsx
@@ -0,0 +1,44 @@
+import PropTypes from 'prop-types';
+import { Table } from 'react-bootstrap';
+
+const LinesTable = ({ children }) => {
+	return (
+		<Table className='table table-sm table-responsive table-bordered border-primary table-hover' id='table' striped responsive>
+			{/* <thead>
+                <tr>
+                    <th scope='col'>№</th>
+                    <th scope='col' className='w-25'>Товар</th>
+                    <th scope='col' className='w-25'>Цена</th>
+                    <th scope='col' className='w-25'>Колич.</th>
+                    <th scope='col' className='w-25'>Сумма</th>
+                    <th scope='col'></th>
+                    <th scope='col'></th>
+                    <th scope='col'></th>
+                </tr>
+            </thead> */}
+			<tr>
+				<th scope="col">№</th>
+				<th scope="col">Название</th>
+				<th scope="col">Жанр</th>
+				<th scope="col" className="text-center">
+					<span className="d-none d-sm-block">Описание</span><i className="bi bi-clock-history d-block d-sm-none"></i>
+				</th>
+				<th scope="col" className="text-center">
+					<span className="d-none d-sm-block"> Длительность </span><i className="bi bi-clock-history d-block d-sm-none"></i>
+				</th>
+				<th scope="col" className="text-center">
+					<span>Действие</span>
+				</th>
+			</tr>
+			<tbody>
+				{children}
+			</tbody >
+		</Table >
+	);
+};
+
+LinesTable.propTypes = {
+	children: PropTypes.node,
+};
+
+export default LinesTable;
diff --git a/src/components/adminTable/LinesTableRow.jsx b/src/components/adminTable/LinesTableRow.jsx
new file mode 100644
index 0000000..bae79d0
--- /dev/null
+++ b/src/components/adminTable/LinesTableRow.jsx
@@ -0,0 +1,49 @@
+import PropTypes from 'prop-types';
+import { PencilSquare, TrashFill } from 'react-bootstrap-icons';
+
+
+const LinesTableRow = ({
+	index, line, onDelete, onEdit,
+}) => {
+	const handleAnchorClick = (event, action) => {
+		event.preventDefault();
+		action();
+	};
+	return (
+		// 	<tr>
+		// 	<th scope="row">{index + 1}</th>
+		// 	<td>{line.type.name}</td>
+		// 	<td>{parseFloat(line.price).toFixed(2)}</td>
+		// 	<td>{line.count}</td>
+		// 	<td>{parseFloat(line.sum).toFixed(2)}</td>
+		// 	<td><a href="#" onClick={(event) => handleAnchorClick(event, onEdit)}><PencilFill /></a></td>
+		// 	<td><a href="#" onClick={(event) => handleAnchorClick(event, onEditInPage)}><PencilSquare /></a></td>
+		// 	<td><a href="#" onClick={(event) => handleAnchorClick(event, onDelete)}><Trash3 /></a></td>
+		// </tr>
+
+
+		<tr>
+			<th scope="row">{index + 1}</th>
+			{/* <td>1</td> */}
+			<td>{line.type.name}</td>
+			<td>{line.type.category}</td>
+			<td>{line.type.description}</td>
+			<td>{line.type.time}</td>
+			<td>
+				<span className="d-flex justify-content-around align-items-center pt-1">
+					<a href="#" onClick={(event) => handleAnchorClick(event, onEdit)}><PencilSquare /></a>
+					<a href="#" onClick={(event) => handleAnchorClick(event, onDelete)}><TrashFill /></a>
+				</span>
+			</td>
+		</tr>
+	);
+};
+
+LinesTableRow.propTypes = {
+	index: PropTypes.number,
+	line: PropTypes.object,
+	onDelete: PropTypes.func,
+	onEdit: PropTypes.func,
+};
+
+export default LinesTableRow;
\ No newline at end of file