70 lines
2.4 KiB
React
70 lines
2.4 KiB
React
import { Link } from "react-router-dom";
|
|
|
|
const Logs = () => {
|
|
return (
|
|
<>
|
|
<div className="relative overflow-y-hidden">
|
|
<table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 border">
|
|
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
|
|
<tr>
|
|
<th scope="col" className="px-6 py-3">
|
|
Product name
|
|
</th>
|
|
<th scope="col" className="px-6 py-3">
|
|
Color
|
|
</th>
|
|
<th scope="col" className="px-6 py-3">
|
|
Category
|
|
</th>
|
|
<th scope="col" className="px-6 py-3">
|
|
Price
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
|
<th
|
|
scope="row"
|
|
className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
|
>
|
|
Apple MacBook Pro 17"
|
|
</th>
|
|
<td className="px-6 py-4">Silver</td>
|
|
<td className="px-6 py-4">Laptop</td>
|
|
<td className="px-6 py-4">$2999</td>
|
|
</tr>
|
|
<tr className="bg-white border-b dark:bg-gray-800 dark:border-gray-700 border-gray-200">
|
|
<th
|
|
scope="row"
|
|
className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
|
>
|
|
Microsoft Surface Pro
|
|
</th>
|
|
<td className="px-6 py-4">White</td>
|
|
<td className="px-6 py-4">Laptop PC</td>
|
|
<td className="px-6 py-4">$1999</td>
|
|
</tr>
|
|
<tr className="bg-white dark:bg-gray-800">
|
|
<th
|
|
scope="row"
|
|
className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
|
>
|
|
Magic Mouse 2
|
|
</th>
|
|
<td className="px-6 py-4">Black</td>
|
|
<td className="px-6 py-4">Accessories</td>
|
|
<td className="px-6 py-4">$99</td>
|
|
</tr>
|
|
</tbody>{" "}
|
|
</table>{" "}
|
|
<Link to="/logs" className="text-[#2323FF] pl-5">
|
|
<hr />
|
|
View all Logs
|
|
</Link>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Logs;
|