Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-16 09:41:13 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: ratings ui, import giantbomb ratings

Browse Source
This commit is contained in:
DecDuck
2025-05-30 22:07:50 +10:00
parent 185f37f135
commit 3fbe514f65
7 changed files with 64 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/library/game/[id]/index.vue
View File

@ -120,12 +120,11 @@ import {
ArrowUpRightIcon,
} from "@heroicons/vue/20/solid";
import { micromark } from "micromark";
import type { Game } from "~/prisma/client";
const route = useRoute();
const id = route.params.id.toString();
const rawGame = await $dropFetch<Game>(`/api/v1/games/${id}`);
const { game: rawGame } = await $dropFetch(`/api/v1/games/${id}`);
const game = computed(() => {
if (!rawGame) {
throw createError({ statusCode: 404, message: "Game not found" });

14
pages/store/[id]/index.vue
View File

@ -103,7 +103,9 @@
'w-4 h-4',
]"
/>
<span class="text-zinc-600">({{ 0 }} reviews)</span>
<span class="text-zinc-600"
>({{ rating._sum.mReviewCount ?? 0 }} reviews)</span
>
</td>
</tr>
</tbody>
@ -174,10 +176,8 @@
<script setup lang="ts">
import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
import { StarIcon } from "@heroicons/vue/24/solid";
import type { Game, GameVersion } from "~/prisma/client";
import { micromark } from "micromark";
import { DateTime } from "luxon";
import type { SerializeObject } from "nitropack";
import type { PlatformClient } from "~/composables/types";
const route = useRoute();
@ -185,9 +185,7 @@ const gameId = route.params.id.toString();
const user = useUser();
const game = await $dropFetch<
SerializeObject<Game> & { versions: GameVersion[] }
>(`/api/v1/games/${gameId}`);
const { game, rating } = await $dropFetch(`/api/v1/games/${gameId}`);
// Preview description (first 30 lines)
const showPreview = ref(true);
@ -219,10 +217,10 @@ const platforms = game.versions
.filter((e, i, u) => u.indexOf(e) === i);
// const rating = Math.round(game.mReviewRating * 5);
const rating = Math.round(0 * 5);
const averageRating = Math.round((rating._avg.mReviewRating ?? 0) * 5);
const ratingArray = Array(5)
.fill(null)
.map((_, i) => i + 1 <= rating);
.map((_, i) => i + 1 <= averageRating);
useHead({
title: game.mName,