use generated code. this was very tiring.

Author: Alfagun74

package.json

@@ -13,7 +13,7 @@
     "tauridev": "tauri dev",
     "build": "vite build",
     "lint": "prettier --write . && eslint .",
-    "postinstall": "rimraf ./src/api && openapi-generator-cli generate -g typescript-fetch -i https://gamevault.alfagun74.de/api/docs-yaml -o ./src/api --global-property models,supportingFiles"
+    "postinstall": "rimraf ./src/api && openapi-generator-cli generate -g typescript-fetch -i https://gamevault.alfagun74.de/api/docs-yaml -o ./src/api --global-property models,supportingFiles -p enumPropertyNaming=snake_case -p modelPropertyNaming=snake_case"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.8",

src/components/GameCard.tsx

@@ -19,13 +19,13 @@ import { useNavigate } from "react-router";
 export function GameCard({ game }: { game: GamevaultGame }) {
   const coverId = getGameCoverMediaId(game);
   const { serverUrl } = useAuth();
-  const { startDownload } = useDownloads() as any;
+  const { startDownload } = useDownloads();
 
-  const filename = (() => { 
-  return `${game.title}.zip`;  
+  const filename = (() => {
+    return `${game.title}.zip`;
   })();
 
-  const rawSize = (game as any).size;
+  const rawSize = game.size;
 
   const formatBytes = useCallback((bytes?: number) => {
     if (bytes === undefined || bytes === null || isNaN(bytes)) return null;
@@ -86,7 +86,7 @@ export function GameCard({ game }: { game: GamevaultGame }) {
       <div className="relative aspect-[3/4] w-full bg-bg-muted flex items-center justify-center overflow-hidden">
         {coverId ? (
           <Media
-            media={{ id: coverId } as any}
+            media={{ id: coverId }}
             size={300}
             className="h-full w-full object-contain rounded-none"
             square

src/components/Media.tsx

@@ -1,9 +1,9 @@
 import { useAuth } from "@/context/AuthContext";
-import { Media as MediaType } from "@/types/api";
 import React, { useEffect, useRef, useState } from "react";
+import { Media as MediaType } from "../api";
 
 interface Props {
-  media?: MediaType | null;
+  media?: MediaType;
   size?: number;
   width?: number;
   height?: number;
@@ -25,7 +25,7 @@ export function Media({
   fallback,
   onClick = () => {},
 }: Props) {
-  const imageId = media?.ID ?? (media as any)?.id;
+  const imageId = media?.id;
   const { authFetch, serverUrl } = useAuth();
   const [blobUrl, setBlobUrl] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);

src/components/Sidebar.tsx

@@ -34,20 +34,20 @@ import {
   Sidebar as TailwindSidebar,
 } from "@tw/sidebar";
 import { useEffect, useState } from "react";
-import { PermissionRole, normalizePermissionRole } from "@/types/api";
 import { useNavigate } from "react-router";
+import { GamevaultUserRoleEnum } from "../api";
 import { useNews } from "../hooks/useNews";
 import ThemeSwitch from "./ThemeSwitch";
-import { NewsDialog } from "./news/NewsDialog";
 import { UserEditorModal } from "./admin/UserEditorModal";
+import { NewsDialog } from "./news/NewsDialog";
 
 export function Sidebar() {
   const { user, logout } = useAuth();
   const navigate = useNavigate();
   const [showNews, setShowNews] = useState(false);
   const [showEditProfile, setShowEditProfile] = useState(false);
-  const username = user?.username || (user as any)?.Username || "Unknown";
-  const email = user?.email || (user as any)?.EMail || "";
+  const username = user?.username || "Unknown User";
+  const email = user?.email || "";
   const avatar = user?.avatar;
   const { hasNewNews } = useNews();
   const [badgeVisible, setBadgeVisible] = useState(hasNewNews);
@@ -67,8 +67,8 @@ export function Sidebar() {
     setBadgeVisible(false);
   };
 
-  const roleVal = normalizePermissionRole((user as any)?.role);
-  const isAdmin = roleVal === PermissionRole.ADMIN;
+  const roleVal = user.role;
+  const isAdmin = roleVal === GamevaultUserRoleEnum.NUMBER_3;
 
   return (
     <>
@@ -204,7 +204,7 @@ export function Sidebar() {
       {showEditProfile && user && (
         <UserEditorModal
           self
-          user={user as any}
+          user={user}
           onClose={() => setShowEditProfile(false)}
         />
       )}