Skip to content

Laget statisk filter og sorteringskomponent #35

Merged
merged 2 commits into from
Sep 4, 2026
+48 −0
Merged

Laget statisk filter og sorteringskomponent #35

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
71a084a
Laget statisk filter og sorteringskomponent
mariehd Sep 4, 2026
920617a
La til album som Song-type i songs.ts, fjernet artist som filter i Fi…
mariehd Sep 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions src/components/FilterSortBar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
export function FilterSortBar() {
return (
<section aria-labelledby="filter-sort-heading">
<h2 id="filter-sort-heading">Filtrer og sorter</h2>

<div>
<label htmlFor="sort">Sorter etter: </label>
<select id="sort" name= "sort">
<option value="alphabetical">Alfabetisk</option>
<option value="artist"></option>
</select>
</div>

<div>
<label htmlFor="filter">Filtrer etter album: </label>
<select name="filter" id="filter">
<option value="all">Alle album</option>
<option value="faster-than-the-speed-of-night">
Faster Than the Speed of Night
</option>
<option value="secret-dreams-and-forbidden-fire">
Secret Dreams and Forbidden Fire
</option>
<option value="hide-your-heart">Hide Your Heart</option>
</select>
</div>
</section>
)
}