diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-06-26 22:01:38 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-06-26 22:01:38 -0700 |
| commit | 7c3f1298095727fcacdc903fa79369d5624bf3df (patch) | |
| tree | 45ec08396c69916971a60965c08255f7c8e0b613 /src/components/CompactTable | |
| parent | 5f58260a7602494f21969fd917a0a984ae9d714d (diff) | |
lint project
Diffstat (limited to 'src/components/CompactTable')
| -rw-r--r-- | src/components/CompactTable/CompactTable.tsx | 65 |
1 files changed, 37 insertions, 28 deletions
diff --git a/src/components/CompactTable/CompactTable.tsx b/src/components/CompactTable/CompactTable.tsx index 64eb4f2..6ec6b7c 100644 --- a/src/components/CompactTable/CompactTable.tsx +++ b/src/components/CompactTable/CompactTable.tsx @@ -1,36 +1,45 @@ -import React from 'react'; +import type React from "react"; interface CompactTableProps { - tableData: { - dates: string[]; - milestones: string[]; - } - + tableData: { + dates: string[]; + milestones: string[]; + }; } const CompactTable: React.FC<CompactTableProps> = ({ tableData }) => { - return ( - <div className="max-w-full mx-auto bg-gray-100 shadow-md rounded-lg overflow-hidden"> - <div className="flex gap-x-4"> - <div className="w-1/2 px-4 py-5"> - <h2 className="text-lg font-semibold text-gray-900">Dates</h2> - <ul className="mt-3"> - {tableData.dates.map((date, index) => ( - <li key={index} className="text-gray-700 text-sm py-1 border-b border-gray-200">{date}</li> - ))} - </ul> - </div> - <div className="w-1/2 px-4 py-5"> - <h2 className="text-lg font-semibold text-gray-900">Milestones</h2> - <ul className="mt-3"> - {tableData.milestones.map((milestone, index) => ( - <li key={index} className="text-gray-700 text-sm py-1 border-b border-gray-200">{milestone.toLocaleString()}</li> - ))} - </ul> - </div> - </div> - </div> - ); + return ( + <div className="max-w-full mx-auto bg-gray-100 shadow-md rounded-lg overflow-hidden"> + <div className="flex gap-x-4"> + <div className="w-1/2 px-4 py-5"> + <h2 className="text-lg font-semibold text-gray-900">Dates</h2> + <ul className="mt-3"> + {tableData.dates.map((date, index) => ( + <li + key={index} + className="text-gray-700 text-sm py-1 border-b border-gray-200" + > + {date} + </li> + ))} + </ul> + </div> + <div className="w-1/2 px-4 py-5"> + <h2 className="text-lg font-semibold text-gray-900">Milestones</h2> + <ul className="mt-3"> + {tableData.milestones.map((milestone, index) => ( + <li + key={index} + className="text-gray-700 text-sm py-1 border-b border-gray-200" + > + {milestone.toLocaleString()} + </li> + ))} + </ul> + </div> + </div> + </div> + ); }; export default CompactTable; |
