small cleanup fixes

backend/endpoints/platform.py

@@ -126,7 +126,7 @@ class DeletePlatformResponse(TypedDict):
     msg: str
 
 
-@protected_route(router.delete, "/platforms/{fs_slug}", ["roms.write"])
+@protected_route(router.delete, "/platforms/{fs_slug}", ["platforms.write"])
 def delete_platform(
     request: Request, fs_slug: str, delete_from_fs: bool = False
 ) -> DeletePlatformResponse:

frontend/src/components/Dashboard/Recent.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
 import { views } from "@/utils";
-import { fetchRecentRoms } from "@/services/api";
+import api from "@/services/api";
 import storeRoms from "@/stores/roms";
 import GameCard from "@/components/Game/Card/Base.vue";
 import SearchRomDialog from "@/components/Dialog/Rom/SearchRom.vue";
@@ -21,7 +21,7 @@ function scrollX(e: WheelEvent) {
 }
 
 onMounted(async () => {
-  const { data: recentData } = await fetchRecentRoms();
+  const { data: recentData } = await api.fetchRecentRoms();
   romsStore.setRecentRoms(recentData);
 });
 </script>
@@ -51,7 +51,12 @@ onMounted(async () => {
           :lg="views[0]['size-lg']"
           :xl="views[0]['size-xl']"
         >
-          <game-card :index="rom.id" :rom="rom" :selected="false" :showSelector="false" />
+          <game-card
+            :index="rom.id"
+            :rom="rom"
+            :selected="false"
+            :showSelector="false"
+          />
         </v-col>
       </v-row>
       <!-- TODO: Check recently added games in the last 30 days -->

frontend/src/components/Dialog/Platform/DeletePlatform.vue

@@ -4,11 +4,11 @@ import { useRouter } from "vue-router";
 import type { Emitter } from "mitt";
 import type { Events } from "@/types/emitter";
 import api from "@/services/api";
-import storePlatforms from "@/stores/platforms";
+import storePlatforms, { type Platform } from "@/stores/platforms";
 
 const router = useRouter();
 const platformsStore = storePlatforms();
-const platform = ref();
+const platform = ref<Platform | null>(null);
 const show = ref(false);
 const emitter = inject<Emitter<Events>>("emitter");
 emitter?.on("showDeletePlatformDialog", (platformToDelete) => {
@@ -18,6 +18,8 @@ emitter?.on("showDeletePlatformDialog", (platformToDelete) => {
 const deleteFromFs = ref(false);
 
 async function deletePlatform() {
+  if (!platform.value) return;
+
   show.value = false;
   await api
     .deletePlatform({

frontend/src/components/Gallery/AppBar/AdminMenu.vue

@@ -1,12 +1,7 @@
 <script setup lang="ts">
-import { inject } from "vue";
-import type { Emitter } from "mitt";
-import type { Events } from "@/types/emitter";
 import ScanBtn from "@/components/Gallery/AppBar/ScanBtn.vue";
 import UploadRomBtn from "@/components/Gallery/AppBar/UploadRomBtn.vue";
 import DeleteBtn from "@/components/Gallery/AppBar/DeleteBtn.vue";
-
-const emitter = inject<Emitter<Events>>("emitter");
 </script>
 
 <template>

frontend/src/components/Gallery/AppBar/DeleteBtn.vue

@@ -16,12 +16,13 @@ const platform = platforms.value.find(
 
 <template>
   <v-list-item
+    v-if="platform"
     class="py-4 pr-5 text-red"
     @click="emitter?.emit('showDeletePlatformDialog', platform)"
   >
-    <v-list-item-title class="d-flex"
-      ><v-icon icon="mdi-delete" color="red" class="mr-2" />Delete
-      platform</v-list-item-title
-    >
+    <v-list-item-title class="d-flex">
+      <v-icon icon="mdi-delete" color="red" class="mr-2" />
+      Delete Platform
+    </v-list-item-title>
   </v-list-item>
 </template>

frontend/src/services/api.ts

@@ -47,7 +47,7 @@ async function deletePlatform({
   });
 }
 
-export async function fetchRecentRoms(): Promise<{ data: RomSchema[] }> {
+async function fetchRecentRoms(): Promise<{ data: RomSchema[] }> {
   return api.get("/roms-recent");
 }
 
@@ -271,6 +271,7 @@ async function deleteUser(user: User): Promise<{ data: MessageResponse }> {
 export default {
   fetchPlatforms,
   deletePlatform,
+  fetchRecentRoms,
   fetchRoms,
   fetchRom,
   downloadRom,

frontend/src/types/emitter.d.ts

@@ -15,7 +15,7 @@ export type SnackbarStatus = {
 };
 
 export type Events = {
-  showDeletePlatformDialog: Platform | undefined;
+  showDeletePlatformDialog: Platform;
   showSearchRomDialog: Rom;
   showEditRomDialog: Rom;
   showDeleteRomDialog: Rom[];

frontend/tsconfig.json

@@ -6,6 +6,7 @@
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "baseUrl": ".",
+    "noImplicitAny": true,
     "paths": {
       "@/*": ["./src/*"]
     }