41 lines
966 B
TypeScript
41 lines
966 B
TypeScript
import {Component, type JSX} from "preact";
|
|
import {createToursCompleted} from "../../storage/common.js";
|
|
import {allTours} from "../../tours/exports.js";
|
|
import {Tour} from "./tour.js";
|
|
|
|
type Props = Record<string, unknown>;
|
|
|
|
type State = {
|
|
toursCompleted: Awaited<ReturnType<typeof createToursCompleted>>["value"];
|
|
};
|
|
|
|
export class Tours extends Component<Props, State> {
|
|
constructor(props: Props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
toursCompleted: new Set(),
|
|
};
|
|
}
|
|
|
|
async componentDidMount(): Promise<void> {
|
|
const toursCompleted = await createToursCompleted();
|
|
this.setState({toursCompleted: toursCompleted.value});
|
|
}
|
|
|
|
render(): JSX.Element {
|
|
const {toursCompleted} = this.state;
|
|
|
|
const tours = allTours.map((tour) => (
|
|
<Tour hasBeenCompleted={toursCompleted.has(tour.id)} tour={tour} />
|
|
));
|
|
|
|
return (
|
|
<main>
|
|
<h2>Tours</h2>
|
|
<div class="tours">{tours}</div>
|
|
</main>
|
|
);
|
|
}
|
|
}
|