Skip to content

Conversation

andretg
Copy link
Member

@andretg andretg commented Sep 30, 2026

Endringer

  • ListingCard er nå en lenke til detaljvisningen. Lenken ligger på tittelen, men dekker hele kortet, så kortet har ett tabulatorstopp og skjermlesere leser bare tittelen som lenketekst. Fokusring og hover vises rundt hele kortet.
  • ListingGrid: responsivt rutenett som får annonsene gjennom props. Rutenettet er en liste (<ul>), gir én kolonne på mobil uten horisontal scrolling, og kortene i samme rad blir like høye.
  • Katalogen viser alle eksempelannonsene som kort i stedet for den midlertidige lenkelisten. Bare siden henter mockdata, så datakilden kan byttes uten å endre komponentene.
  • Designreferansen bruker ListingGrid og er pakket inn i MemoryRouter, siden kortene nå inneholder lenker.
  • README og docs/design.md beskriver annonsekortet, rutenettet og hvordan de brukes.

Hvorfor

Gi brukeren en rask oversikt over hva som finnes, hva det koster og hvor det er, og gjøre det mulig å åpne en annonse. Rutenettet tar imot en ferdig liste, så søk, filtre og sortering kan legges til i egne oppgaver uten å endre visningen.

Issue

Closes #14

@andretg andretg added this to the Innlevering 1 milestone Sep 30, 2026
@andretg andretg requested a review from a team as a code owner September 30, 2026 18:12
Copy link
Member

@tordtst tordtst left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fint det her! Veldig oversiktlig og god dokumentasjon.

@tordtst tordtst merged commit fb3a532 into dev Sep 30, 2026
@andretg andretg deleted the 14-feat-lag-katalogvisning-med-annonsekort branch October 18, 2026 19:27
Sign in to join this conversation on GitHub.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants