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

feat: add formatAsHeading function to format tag names in TripChecklist

Browse source
This commit is contained in:
Felix Zett 2025-09-01 20:14:28 +02:00
parent 2acd1454e8
commit 9a55a994a3
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -108,6 +108,13 @@ export default function TripChecklist({ trips }: { trips: any[] }) {
a.tag.name.localeCompare(b.tag.name) a.tag.name.localeCompare(b.tag.name)
); );
function formatAsHeading(str: string) {
if (!str) return "";
// Replace hyphens with spaces and capitalize first letter
const withSpaces = str.replace(/-/g, " ");
return withSpaces.charAt(0).toUpperCase() + withSpaces.slice(1);
}
return ( return (
<div> <div>
{/* Trip-Titel und Zeitraum */} {/* Trip-Titel und Zeitraum */}
@ -242,9 +249,9 @@ export default function TripChecklist({ trips }: { trips: any[] }) {
{sortedTagGroups.map(({ tag, items }) => ( {sortedTagGroups.map(({ tag, items }) => (
<React.Fragment key={tag.id}> <React.Fragment key={tag.id}>
<li className="mt-4 mb-1 font-semibold text-gray-700 flex items-center gap-2"> <li className="mt-4 mb-1 font-semibold text-gray-700 flex items-center gap-2">
<span className="text-xs bg-gray-200 text-gray-700 rounded px-2 py-0.5"> <h3 className="text-m text-gray-700 px-2 py-0.5 m-0 font-semibold">
#{tag.name} {formatAsHeading(tag.name)}
</span> </h3>
</li> </li>
{items.map((item) => ( {items.map((item) => (
<li <li