chore(i18n): optimize status field i18n on storages page (#98)

* chore(i18n): optimize status field i18n on storages page

* throw the unrecognized type as is

* fix:

* fix typo

* format by prettier

---------

Co-authored-by: MadDogOwner <[email protected]>

Author: hotlcc

src/lang/en/storages.json

@@ -38,6 +38,12 @@
     "enable_sign": "Enable sign",
     "disable_index": "Disable index"
   },
+  "table_fields": {
+    "status": {
+      "work": "Work",
+      "disabled": "Disabled"
+    }
+  },
   "other": {
     "start_load_success": "Start loading",
     "load_all": "Reload All",

src/pages/manage/storages/Storage.tsx

@@ -103,7 +103,11 @@ export function StorageGridItem(props: StorageProps) {
         <Box
           css={{ wordBreak: "break-all" }}
           overflowX="auto"
-          innerHTML={props.storage.status}
+          innerHTML={t(
+            `storages.table_fields.status.${props.storage.status}`,
+            undefined,
+            props.storage.status,
+          )}
         />
       </HStack>
       <Text css={{ wordBreak: "break-all" }}>{props.storage.remark}</Text>
@@ -121,7 +125,13 @@ export function StorageListItem(props: StorageProps) {
       <Td>{props.storage.mount_path}</Td>
       <Td>{t(`drivers.drivers.${props.storage.driver}`)}</Td>
       <Td>{props.storage.order}</Td>
-      <Td>{props.storage.status}</Td>
+      <Td>
+        {t(
+          `storages.tabl_fields.status.${props.storage.status}`,
+          undefined,
+          props.storage.status,
+        )}
+      </Td>
       <Td>{props.storage.remark}</Td>
       <Td>
         <HStack spacing="$2">