Skip to content

Commit

Permalink
rebase with main
Browse files Browse the repository at this point in the history
JosiasAurel committed Jun 13, 2024
1 parent 9441a96 commit 17cf8e1
Showing 1 changed file with 15 additions and 1 deletion.
16 changes: 15 additions & 1 deletion src/pages/gallery/gallery.tsx
Original file line number Diff line number Diff line change
@@ -13,13 +13,16 @@ enum SortOrder {
DESCENDING
}
type GalleryGameMetadata = GameMetadata & { show: boolean };
type GameImageUri = string;
type GameImages = Record<string, GameImageUri>;
type Filter = {
query: string,
tags: string[],
sort: SortOrder
};
export default function Gallery({ games, tags }: { games: GameMetadata[], tags: string[] }) {
const [gamesState, setGamesState] = useState<GalleryGameMetadata[]>([]);
const [gameImages, setGameImages] = useState<GameImages>({});
const [filter, setFilter] = useState<Filter>({ query: "", sort: SortOrder.TUTORIALS_AND_CHRONOLOGICAL, tags: [] })
const [tagCount, setTagCount] = useState<{ [tags: string]: number }>({})

@@ -111,7 +114,18 @@ export default function Gallery({ games, tags }: { games: GameMetadata[], tags:
) as HTMLImageElement;
if (["loading", "true"].includes(img.dataset.loaded!)) return;
img.dataset.loaded = "loading";
img.src = await loadThumbnailUrl(gameCard.filename);
if (gameImages[gameCard.filename]) {
img.src = gameImages[gameCard.filename]!;
} else {
const thumbnail = await loadThumbnailUrl(gameCard.filename);
img.src = thumbnail;
setGameImages(previousImages => {
const newGameImages = { ...previousImages };
newGameImages[gameCard.filename] = thumbnail;
return newGameImages;
}
);
}
img.dataset.loaded = "true";
};

0 comments on commit 17cf8e1

Please sign in to comment.