+ Fremhevet sted: {place.name} +
+ ++ Vurdering: + {place.rating.toFixed(1)}{' '} + ({place.reviewCount}) +
+{place.description}
+ ++ Viser {loadedCount} av {totalCount} steder +
+ + +{subtitle}
+ + ++ Vurdering: + {place.rating.toFixed(1)}{' '} + ({place.reviewCount}) +
+{place.description}
+ ++ {summary} +
+ + {places.length === 0 ? ( ++ {isLoading ? 'Laster steder …' : 'Ingen steder passer søket.'} +
+ ) : ( ++ Merker får du ved å fullføre utfordringer. De dukker opp her. +
+ + ) +} diff --git a/client/src/components/user/CarouselSection.tsx b/client/src/components/user/CarouselSection.tsx new file mode 100644 index 0000000..e400b9d --- /dev/null +++ b/client/src/components/user/CarouselSection.tsx @@ -0,0 +1,130 @@ +import { Children, useCallback, useEffect, useRef, useState } from 'react' +import type { ReactNode } from 'react' +import { ProfileSection } from './ProfileSection' + +type CarouselSectionProps = { + id: string + title: string + icon: ReactNode + /** Vises når seksjonen ikke har noe innhold ennå. */ + emptyText: string + /** Ett `{emptyText}
+ ) : ( + // Fokuserbar, så raden kan rulles med piltastene uten mus. ++ {place.type} · {place.area} +
++ Vurdering: + {place.rating.toFixed(1)} +
+{challenge.description}
+{place.name}
+{challenge.title}
+{place.description}
+ +{emptyText}
+ ) : ( + + )} + ++ {status} +
+ + + + {result && ( +Laster steder …
} + {status === 'error' && ( +Kunne ikke hente steder. Prøv å laste siden på nytt.
+ )} + + {featured && ( + <> ++ Kunne ikke hente steder. Prøv å laste siden på nytt. +
+ )} + +Laster profil …
} + {status === 'error' && ( ++ Kunne ikke hente profilen. Prøv å laste siden på nytt. +
+ )} + + {user && ( + <> +