Dream 11 Team Selection

Credits Remaining: {credits.toFixed(1)}

Team Composition:

\n {Object.entries(teamRules).map(([role, rules]) => (\n

\n {role}: {getPlayerCountByRole(role)}/{rules.max}\n

\n ))}\n

\n\n

Available Players

\n {players\n .filter((player) => !selectedPlayers.includes(player))\n .map((player) => (\n selectPlayer(player)}\n >\n

{player.name}

{player.role} | {player.team}

Points: {player.points} | Credits: {player.credit}

\n ))}\n

\n\n

Selected Team ({selectedPlayers.length}/11)

\n {selectedPlayers.map((player) => (\n \n \n

\n {player.name} {captain?.id === player.id ? \"(C)\" : \"\"}\n {viceCaptain?.id === player.id ? \"(VC)\" : \"\"}\n

{player.role} | {player.team}

\n setCaptaincy(player, \"captain\")}\n disabled={captain?.id === player.id}\n >\n C\n \n setCaptaincy(player, \"viceCaptain\")}\n disabled={viceCaptain?.id === player.id}\n >\n VC\n \n \n

\n ))}\n

\n\n {selectedPlayers.length === 11 && !isTeamValid() && (\n

\n Team composition does not meet requirements!\n

\n )}\n\n {selectedPlayers.length === 11 && isTeamValid() &&\n (!captain || !viceCaptain) && (\n

\n Please select Captain and Vice Captain!\n

\n )}\n\n {selectedPlayers.length === 11 && isTeamValid() && captain &&\n viceCaptain && (\n

\n Team is ready!\n

\n )}\n \n \n \n );\n};\n\nexport const reactExample = (request: Request) =>\n new Response(renderToString(), {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });","deleted","label",[100],"permalink","https://www.val.town/x/suriyag1614/untitled-4661/code/main.tsx","extension","actionData","errors"]