alma/NeahFront7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working leantime widget 56

Browse Source
This commit is contained in:
Alma 2025-04-12 15:36:49 +02:00
parent ec1d413d9c
commit d4b50b8890
1 changed files with 9 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/flow.tsx
View File

@ -132,7 +132,7 @@ export function Flow() {
return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105">
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-lg font-medium">Flow</CardTitle>
<CardTitle className="text-lg font-medium">Tasks</CardTitle>
<Button
variant="ghost"
size="icon"
@ -153,41 +153,15 @@ export function Flow() {
) : tasks.length === 0 ? (
<div className="text-center text-sm text-gray-500">No tasks found</div>
) : (
<div className="space-y-3">
<div className="space-y-2">
{tasks.map((task) => (
<div key={task.id} className="flex items-start space-x-2 p-2 rounded-lg bg-white/50 backdrop-blur-sm shadow-sm hover:bg-white/60 transition-colors">
<div className="flex-1 min-w-0">
<div className="flex items-center justify-between gap-2">
<h3 className="text-sm font-medium truncate" title={task.headline}>
{task.headline}
</h3>
<span className={`px-2 py-1 rounded-full text-xs font-medium whitespace-nowrap ${getStatusColor(task.status)}`}>
{getStatusLabel(task.status)}
</span>
</div>
<div className="flex flex-col gap-1 mt-1">
<div className="flex items-center justify-between">
<p className="text-xs text-gray-500 truncate">
{task.projectName}
</p>
{task.tags && (
<p className="text-xs text-blue-500 truncate">
{task.tags}
</p>
)}
</div>
{task.dateToFinish && task.dateToFinish !== '0000-00-00 00:00:00' && (
<p className="text-xs text-gray-400">
Due: {formatDate(task.dateToFinish)}
</p>
)}
{task.milestoneHeadline && (
<p className="text-xs text-purple-500 truncate">
{task.milestoneHeadline}
</p>
)}
</div>
</div>
<div
key={task.id}
className="p-2 rounded-lg bg-white/50 backdrop-blur-sm hover:bg-white/60 transition-colors"
>
<h3 className="text-sm font-medium truncate" title={task.headline}>
{task.headline}
</h3>
</div>
))}
</div>