Not dry code

[nvandy23]

Grow:

Here I'm trying to conditionally position my search bar and input values based on whether the API data is displayed on the screen. If it is not, put the search bar in the middle of the page, if it is, put it at the top. With flex grow, I thought the space would take care of itself and automatically put the search bar at the top. It did not and that is why I have the code I have below.

return (

AllStar analytics

{teamRoster? (

Select Team: Select a team {teamList.map((t) => ( {t.name_display_full} ))}

Select Start Season:

Select End Season:

Submit Image Source

) : (

Select Team: Select a team {teamList.map((t) => ( {t.name_display_full} ))}

Select Start Season:

Select End Season:

Submit Image Source

)} {teamRoster && (

)}