## Beskrivelse Når brukeren trykker på en tidligere handleliste i oversikten «Tidligere handlelister», skal hun komme inn på selve listen (for eksempel «Ukeshandel»). Der ser hun hva som ble handlet, og kan bruke listen på nytt, så hun slipper å skrive alt igjen. ## Foreslått løsning - Ny visning av handlelistesiden for lister med status «handlet», bygget fra Figma («Previous list», FIG. 11 – Handlet liste) - Gjenbruker samme side som den aktive listen (`/lists/:id`), men viser en egen visning når listen er handlet - Notatblokk med «Handlet · liste nr.», dato, listenavn, «HANDLET»-stempel og antall varer - Alle varer vises med hake, antall (for eksempel ×2) og pris, fordelt på to kolonner - Kan ikke redigeres: ingen avkrysning, antallsknapper eller fjern-knapp - Boks til høyre («Om lista»): handlet-dato, antall varer, butikk og totalsum - «Bruk på nytt» lager en ny aktiv lapp med de samme varene og dagens priser - «Legg varer på aktiv lapp» legger varene til den lappen brukeren har i bruk - «Slett lista» - Bruker felles komponenter og variabler fra `theme.css`, slik at siden følger lys og mørk modus - Starter med midlertidige data og kobles til GraphQL (`shoppingList(id)`) etterpå ## Akseptansekriterier - [ ] Siden følger Figma-designet - [ ] Varer, antall, priser og totalsum vises riktig - [ ] Listen kan ikke redigeres - [ ] Knappene finnes og er klare til å kobles til backend - [ ] Fungerer i lys og mørk modus - [ ] Responsiv: én kolonne med varer, og boksen legger seg under listen på mobil - [ ] Semantisk HTML og tastaturnavigering ## Design/mockup Figma: «Previous list» (FIG. 11 – Handlet liste) ## Avhengigheter - Issuen for siden for aktiv handleliste (samme side og komponenter) - Rute fra oversikten «Tidligere handlelister» (Tara) - Backend: handlet-dato, butikk og mutasjoner for «Bruk på nytt», «Legg varer på aktiv lapp» og «Slett lista»