From 4cfc67f5685b40cd8f55e4b9416bbe2f0bc68bb7 Mon Sep 17 00:00:00 2001
From: Anderson Shindy Oki <anderson.vs.oki@gmail.com>
Date: Tue, 20 Aug 2024 17:01:43 +0900
Subject: [PATCH] Fixed nullable code on audio language

---
 frontend/src/components/bazarr/AudioList.tsx   |  2 +-
 frontend/src/components/forms/ItemEditForm.tsx |  2 +-
 frontend/src/types/api.d.ts                    | 11 ++++++++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/bazarr/AudioList.tsx b/frontend/src/components/bazarr/AudioList.tsx
index f1af7ff3c..28bea2f8a 100644
--- a/frontend/src/components/bazarr/AudioList.tsx
+++ b/frontend/src/components/bazarr/AudioList.tsx
@@ -3,7 +3,7 @@ import { Badge, BadgeProps, Group, GroupProps } from "@mantine/core";
 import { BuildKey } from "@/utilities";
 
 export type AudioListProps = GroupProps & {
-  audios: Language.Info[];
+  audios: Language.NullableCodeInfo[];
   badgeProps?: BadgeProps;
 };
 
diff --git a/frontend/src/components/forms/ItemEditForm.tsx b/frontend/src/components/forms/ItemEditForm.tsx
index 392338500..41e2a4ffe 100644
--- a/frontend/src/components/forms/ItemEditForm.tsx
+++ b/frontend/src/components/forms/ItemEditForm.tsx
@@ -44,7 +44,7 @@ const ItemEditForm: FunctionComponent<Props> = ({
   const options = useSelectorOptions(
     item?.audio_language ?? [],
     (v) => v.name,
-    (v) => v.code2,
+    (v) => v.code2 ?? "",
   );
 
   const isOverlayVisible = isPending || isFetching || item === null;
diff --git a/frontend/src/types/api.d.ts b/frontend/src/types/api.d.ts
index e8bd4483e..cb221f94a 100644
--- a/frontend/src/types/api.d.ts
+++ b/frontend/src/types/api.d.ts
@@ -10,6 +10,8 @@ interface Badge {
 
 declare namespace Language {
   type CodeType = string;
+  type NullableCodeType = string | null;
+
   interface Server {
     code2: CodeType;
     code3: CodeType;
@@ -24,6 +26,13 @@ declare namespace Language {
     forced?: boolean;
   }
 
+  interface NullableCodeInfo {
+    code2: NullableCodeType;
+    name: string;
+    hi?: boolean;
+    forced?: boolean;
+  }
+
   interface ProfileItem {
     id: number;
     audio_exclude: PythonBoolean;
@@ -124,7 +133,7 @@ interface TitleType {
 }
 
 interface AudioLanguageType {
-  audio_language: Language.Info[];
+  audio_language: Language.NullableCodeInfo[];
 }
 
 interface ItemHistoryType {