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

feat(store page): add button to open in admin panel

Browse Source
This commit is contained in:
DecDuck
2024-11-23 09:03:56 +11:00
parent ef8f3ae6fd
commit 7b3b919581
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,6 +37,18 @@
Add to Library Add to Library
<PlusIcon class="-mr-0.5 h-7 w-7" aria-hidden="true" /> <PlusIcon class="-mr-0.5 h-7 w-7" aria-hidden="true" />
</button> </button>
<NuxtLink
v-if="user?.admin"
:href="`/admin/library/${game.id}`"
type="button"
class="inline-flex items-center gap-x-2 rounded-md bg-zinc-800 px-3 py-1 text-sm font-semibold font-display text-white shadow-sm hover:bg-zinc-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
>
Open in Admin Dashboard
<ArrowTopRightOnSquareIcon
class="-mr-0.5 h-7 w-7 p-1"
aria-hidden="true"
/>
</NuxtLink>
<div class="inline-flex items-center gap-x-3"> <div class="inline-flex items-center gap-x-3">
<span class="text-zinc-100 font-semibold">Available on:</span> <span class="text-zinc-100 font-semibold">Available on:</span>
<component <component
@ -118,6 +130,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { PlusIcon } from "@heroicons/vue/20/solid"; import { PlusIcon } from "@heroicons/vue/20/solid";
import { ArrowTopRightOnSquareIcon } from "@heroicons/vue/24/outline";
import { Platform, type Game, type GameVersion } from "@prisma/client"; import { Platform, type Game, type GameVersion } from "@prisma/client";
import MarkdownIt from "markdown-it"; import MarkdownIt from "markdown-it";
import LinuxLogo from "~/components/icons/LinuxLogo.vue"; import LinuxLogo from "~/components/icons/LinuxLogo.vue";
@ -126,6 +139,8 @@ import WindowsLogo from "~/components/WindowsLogo.vue";
const route = useRoute(); const route = useRoute();
const gameId = route.params.id.toString(); const gameId = route.params.id.toString();
const user = useUser();
const headers = useRequestHeaders(["cookie"]); const headers = useRequestHeaders(["cookie"]);
const game = await $fetch<Game & { versions: GameVersion[] }>( const game = await $fetch<Game & { versions: GameVersion[] }>(
`/api/v1/games/${gameId}`, `/api/v1/games/${gameId}`,