sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 13:34:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: fix update tab layout

Browse Source
This commit is contained in:
Sosokker 2024-11-21 11:55:11 +07:00
parent 2e4d8d441f
commit 91cd786eb6
1 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/(investment)/deals/[id]/UpdateTab.tsx
View File

@ -40,32 +40,30 @@ export const UpdateTab = async ({ projectId }: { projectId: number }) => {
}
return (
<div className="w-full">
<div className="grid grid-cols-3 gap-4 w-full">
{parsedLogs.map((log, index) => (
<div key={index} className="grid grid-cols-3 gap-4 overflow-y-auto">
<Card>
<CardHeader>
<CardTitle>{log.table}</CardTitle>
<CardDescription>{log.changes.length} Changes</CardDescription>
</CardHeader>
<CardContent className="grid grid-cols-2 overflow-y-auto h-1/2 mx-4">
{log.changes.map((change, changeIndex) => (
<div key={changeIndex} className="mb-3">
<div className="text-sm font-semibold">{change.field}</div>
<div className="text-gray-500">
<span className="text-red-500">From:</span> {JSON.stringify(change.from)}
</div>
<div className="text-gray-500">
<span className="text-green-500">To:</span> {JSON.stringify(change.to)}
</div>
<Card key={index} className="overflow-hidden">
<CardHeader>
<CardTitle>{log.table}</CardTitle>
<CardDescription>{log.changes.length} Changes</CardDescription>
</CardHeader>
<CardContent className="overflow-y-auto h-60 px-4">
{log.changes.map((change, changeIndex) => (
<div key={changeIndex} className="mb-4">
<div className="text-sm font-semibold">{change.field}</div>
<div className="text-gray-500">
<span className="text-red-500">From:</span> {JSON.stringify(change.from)}
</div>
))}
</CardContent>
<CardFooter>
<div className="text-xs text-gray-500">Updated at: {new Date(log.changed_at).toLocaleString()}</div>
</CardFooter>
</Card>
</div>
<div className="text-gray-500">
<span className="text-green-500">To:</span> {JSON.stringify(change.to)}
</div>
</div>
))}
</CardContent>
<CardFooter>
<div className="text-xs text-gray-500">Updated at: {new Date(log.changed_at).toLocaleString()}</div>
</CardFooter>
</Card>
))}
</div>
);