# Koble produktdetaljsiden til GraphQL ## Beskrivelse Produktdetaljsiden er foreløpig implementert med hardkodede eksempeldata fra Figma. Vi skal koble siden til eksisterende GraphQL-backend slik at riktig produktinformasjon og butikkpriser hentes dynamisk fra databasen. ## Foreslått løsning - Bruke Apollo Client og GraphQL til å hente produktinformasjon basert på EAN. - Erstatte hardkodet produktnavn, merke, kategori og priser med dynamiske data. - Vise produktbilder når de finnes, ellers «Mangler bilde». - Sortere butikkpriser fra billigst til dyrest. - Beregne prisforskjeller automatisk. - Håndtere lasting, feil og manglende produktdata. - Undersøke tilgjengelige data for ingredienser, allergener og næringsinnhold. ## Akseptansekriterier - [ ] Produktinformasjon hentes fra GraphQL. - [ ] Riktig produkt vises basert på EAN. - [ ] Butikkpriser hentes og sorteres dynamisk. - [ ] Manglende bilder og priser håndteres. - [ ] Lasting og feilmeldinger vises på en brukervennlig måte. - [ ] Ingen hardkodede eksempelprodukter brukes som faktiske produktdata. - [ ] Funksjonaliteten er testet lokalt. ## Avhengigheter - Issue #36 – Produktdetaljside fra Figma. - Eksisterende GraphQL-backend. - Integrasjon med produktsøk og navigasjon.