## Hva er rotete/uklart Da jeg la inn figma stylingen lagde jeg bare css for de fleste komponentene. Tanken var at vi skulle lage tsx når vi visste mer om hva vi trengte, men det kom nok ikke så tydelig fram. Nå bygger vi html-en for hånd på hver side med de samme klassenavnene, så mye av koden blir kopiert. Detaljsiden for aktiv handleliste (#58) har f.eks. ca 65 linjer per vare som kunne vært én ShoppingListRow. ## Hvor - components/ button, checkbox, quantityStepper, shoppingListRow, searchfield, noteItem og categoryCard har bare css, men brukes på sidene - ShoppingListDetailPage, HomePage, SearchInput og SearchFilters - badge, card, filterChip, filterRow, resultRow og segmentedControl brukes ikke noe sted enda - PriceRow.css er tom, men price-row brukes i ProductDetailsPage ## Forslag til opprydding - Lage tsx for de sju som er i bruk, med samme klassenavn så ingenting endrer utseende - Bytte ut html-en på sidene med komponentene, en side om gangen - Bruke komponentene på nye sider i stedet for å kopiere klassenavn - Bli enige om hva vi gjør med de som ikke brukes. CategoryCard kan f.eks. bruke Card i stedet for å ha sin egen kopi av stilen ## Risiko Ganske stor, men kan minimeres dersom vi beholder klassenavnene. Mange av issuesene og det som jobbes med er avhengig av dette så det er en ganske stor ryddejobb.