felix/packlist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: hide direct tag display in TripChecklist component

Browse source
This commit is contained in:
Felix Zett 2025-09-15 23:17:54 +02:00
parent f6aec6138e
commit 797d1de350
1 changed files with 28 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
frontend/src/pages/TripChecklist.tsx
View file

@ -150,24 +150,22 @@ export default function TripChecklist({ trips }: { trips: any[] }) {
tabIndex={-1} tabIndex={-1}
className="pointer-events-none" className="pointer-events-none"
/> />
<span className={item.checked ? "line-through text-gray-400" : ""}> <span
className={item.checked ? "line-through text-gray-400" : ""}
title={
item.item && item.item.tags && item.item.tags.length > 0
? item.item.tags
.map(
(tag: any) =>
`#${tag.name}${tag.mandatory ? " *" : ""}`
)
.join(" ")
: ""
}
>
{item.name_calculated} {item.name_calculated}
</span> </span>
{item.item && item.item.tags && item.item.tags.length > 0 && ( {/* Tags NICHT mehr direkt anzeigen */}
<span className="ml-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
{[...item.item.tags]
.slice()
.sort((a, b) => a.name.localeCompare(b.name))
.map((tag: any) => (
<span
key={tag.id}
className="text-xs text-gray-400 rounded px-1 py-0.5"
>
#{tag.name}
</span>
))}
</span>
)}
</li> </li>
))} ))}
</ul> </ul>
@ -201,24 +199,22 @@ export default function TripChecklist({ trips }: { trips: any[] }) {
tabIndex={-1} tabIndex={-1}
className="pointer-events-none" className="pointer-events-none"
/> />
<span className={item.checked ? "line-through text-gray-400" : ""}> <span
className={item.checked ? "line-through text-gray-400" : ""}
title={
item.item && item.item.tags && item.item.tags.length > 0
? item.item.tags
.map(
(tag: any) =>
`#${tag.name}${tag.mandatory ? " *" : ""}`
)
.join(" ")
: ""
}
>
{item._sub} {item._sub}
</span> </span>
{item.item && item.item.tags && item.item.tags.length > 0 && ( {/* Tags NICHT mehr direkt anzeigen */}
<span className="ml-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
{[...item.item.tags]
.slice()
.sort((a, b) => a.name.localeCompare(b.name))
.map((tag: any) => (
<span
key={tag.id}
className="text-xs text-gray-400 rounded px-1 py-0.5"
>
#{tag.name}
</span>
))}
</span>
)}
</li> </li>
))} ))}
</ul> </ul>