Fix API to match existing frontend type StatusCodeListInterface

src/backend/InvenTree/generic/states/api.py

@@ -70,7 +70,7 @@ class StatusView(GenericAPIView):
         if not issubclass(status_class, StatusCode):
             raise NotImplementedError('`status_class` not a valid StatusCode class')
 
-        data = {'class_name': status_class.__name__, 'values': status_class.dict()}
+        data = {'status_class': status_class.__name__, 'values': status_class.dict()}
 
         # Extend with custom values
         try:
@@ -108,7 +108,7 @@ class AllStatusViews(StatusView):
         status_classes = inheritors(StatusCode)
 
         for cls in status_classes:
-            cls_data = {'class_name': cls.__name__, 'values': cls.dict()}
+            cls_data = {'status_class': cls.__name__, 'values': cls.dict()}
 
             # Extend with custom values
             for item in cls.custom_values():

src/backend/InvenTree/generic/states/serializers.py

@@ -30,9 +30,9 @@ class GenericStateClassSerializer(serializers.Serializer):
     class Meta:
         """Meta class for GenericStateClassSerializer."""
 
-        fields = ['class_name', 'values']
+        fields = ['status_class', 'values']
 
-    class_name = serializers.CharField(label=_('Class'), read_only=True)
+    status_class = serializers.CharField(label=_('Class'), read_only=True)
 
     values = serializers.DictField(
         child=GenericStateValueSerializer(), label=_('Values'), required=True

src/frontend/src/components/render/StatusRenderer.tsx

@@ -13,7 +13,7 @@ export interface StatusCodeInterface {
 }
 
 export interface StatusCodeListInterface {
-  statusClass: string;
+  status_class: string;
   values: {
     [key: string]: StatusCodeInterface;
   };

src/frontend/src/forms/CommonForms.tsx

@@ -30,7 +30,7 @@ export function useCustomStateFields(): ApiFormFieldSet {
     const options: any[] = [];
 
     const valuesList = Object.values(statusCodes.status ?? {}).find(
-      (value: StatusCodeListInterface) => value.statusClass === statusClass
+      (value: StatusCodeListInterface) => value.status_class === statusClass
     );
 
     Object.values(valuesList?.values ?? {}).forEach(

src/frontend/src/tables/settings/CustomStateTable.tsx

@@ -36,7 +36,7 @@ export default function CustomStateTable() {
   const getLogicalState = useCallback(
     (group: string, key: number) => {
       const valuesList = Object.values(statusCodes.status ?? {}).find(
-        (value: StatusCodeListInterface) => value.statusClass === group
+        (value: StatusCodeListInterface) => value.status_class === group
       );
 
       const value = Object.values(valuesList?.values ?? {}).find(