Skip to content

Commit

Permalink
feat(frontend): 🎨 add text to select satellite button (#297)
Browse files Browse the repository at this point in the history
* feat(frontend): 🎨 add text to select satellite button

* style(frontend): 🎨 Update SatDropdown component to display selected satellite and add icon

* Update SatDropdown component to display selected satellite and add icon

---------

Co-authored-by: Mads Hermansen <mads.d.hermansen+main@gmail.com>
  • Loading branch information
2 people authored and GitHub committed Apr 24, 2024
1 parent 64282e0 commit dd39da7
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions frontend/src/components/homeComponents/SatDropdown.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -96,15 +96,19 @@ export default function SatDropdown({
return (
<div className="w-full">
<button
className="flex w-full cursor-pointer flex-row items-center justify-between bg-black p-4 text-left text-xl font-bold tracking-wide"
className="flex w-full cursor-pointer flex-row justify-between bg-black p-4 text-left"
onClick={toggleDropdown}
>
{selectedSatellite || "Select a Satellite"}
<div className="flex flex-col">
<div>{selectedSatellite || "Select a Satellite"}</div>
<p className=" text-gray-400">Selected Satellite</p>
</div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="2em"
height="2em"
viewBox="0 0 24 24"
className="self-center justify-self-center"
>
<path fill="currentColor" d="m7 10l5 5l5-5z" />
</svg>
Expand Down

0 comments on commit dd39da7

Please sign in to comment.