mrcwlnd/volleyball-dev-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Animation Spieler
Some checks are pending
Deploy Volleyball Dev / deploy (push) Waiting to run
Details

Browse Source
This commit is contained in:
Marc Wieland 2025-04-29 23:45:05 +02:00
parent 19bd2ee41d
commit 6af5da0a90
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/TeamDetailPage.tsx
View File

@ -19,8 +19,9 @@ type Team = {
liga?: string; liga?: string;
beschreibung?: string; beschreibung?: string;
trainingszeiten?: string; trainingszeiten?: string;
trainingsort?: string;
sucht_spieler?: boolean; sucht_spieler?: boolean;
karussell_bilder?: string[]; // Wichtig: als Array erwartet! karussell_bilder?: string[];
players: Player[]; players: Player[];
}; };
@ -35,7 +36,6 @@ const TeamDetailPage = () => {
const res = await fetch(`${apiBase}/api/teams/${id}`); const res = await fetch(`${apiBase}/api/teams/${id}`);
const data = await res.json(); const data = await res.json();
// Falls karussell_bilder als String (JSON) kommt → parsen
if (typeof data.karussell_bilder === "string") { if (typeof data.karussell_bilder === "string") {
data.karussell_bilder = JSON.parse(data.karussell_bilder); data.karussell_bilder = JSON.parse(data.karussell_bilder);
} }
@ -88,6 +88,9 @@ const TeamDetailPage = () => {
<p className="text-sm text-frog-700 font-medium mt-2"> <p className="text-sm text-frog-700 font-medium mt-2">
Training: {team.trainingszeiten || "Nicht angegeben"} Training: {team.trainingszeiten || "Nicht angegeben"}
</p> </p>
{team.trainingsort && (
<p className="text-sm text-gray-500 mt-1">Ort: {team.trainingsort}</p>
)}
</div> </div>
{/* Join Button */} {/* Join Button */}
@ -104,7 +107,7 @@ const TeamDetailPage = () => {
{team.players.map((player) => ( {team.players.map((player) => (
<div <div
key={player.id} key={player.id}
className="bg-white rounded-lg shadow-md p-4 flex flex-col items-center text-center hover:shadow-lg transition" className="bg-white rounded-lg shadow-md p-4 flex flex-col items-center text-center transform transition duration-300 hover:-translate-y-1 hover:shadow-xl"
> >
<img <img
src={ src={