aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/CompactTable
diff options
context:
space:
mode:
authorPinapelz <yukais@pinapelz.com>2024-06-26 22:01:38 -0700
committerPinapelz <yukais@pinapelz.com>2024-06-26 22:01:38 -0700
commit7c3f1298095727fcacdc903fa79369d5624bf3df (patch)
tree45ec08396c69916971a60965c08255f7c8e0b613 /src/components/CompactTable
parent5f58260a7602494f21969fd917a0a984ae9d714d (diff)
lint project
Diffstat (limited to 'src/components/CompactTable')
-rw-r--r--src/components/CompactTable/CompactTable.tsx65
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;
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage