Merge pull request #134 from MaaAssistantArknights/dev

fix: downloaded operation is not snake-cased

Author: GalvinGao

src/components/OperationCard.tsx

@@ -58,16 +58,14 @@ export const OperationCard = ({
           <div className="flex-1" />
           <div className="flex flex-col items-end">
             <div className="w-full flex justify-end text-zinc-500">
-              {!operation.isNotEnoughRating && (
-                <div className="flex items-center mr-4">
-                  <Icon icon="star" className="mr-1.5" />
-                  <OperationRating
-                    className="text-sm"
-                    operation={operation}
-                    layout="horizontal"
-                  />
-                </div>
-              )}
+              <div className="flex items-center mr-4">
+                <Icon icon="star" className="mr-1.5" />
+                <OperationRating
+                  className="text-sm"
+                  operation={operation}
+                  layout="horizontal"
+                />
+              </div>
 
               <Tooltip2
                 className="mr-4"

src/components/viewer/OperationRating.tsx

@@ -8,10 +8,7 @@ import { Operation } from 'models/operation'
 import { ratingLevelToString } from 'models/rating'
 
 export const OperationRating: FC<{
-  operation: Pick<
-    Operation,
-    'isNotEnoughRating' | 'ratingRatio' | 'ratingLevel'
-  >
+  operation: Pick<Operation, 'notEnoughRating' | 'ratingRatio' | 'ratingLevel'>
   layout?: 'horizontal' | 'vertical'
   className?: string
 }> = ({ operation, layout = 'vertical', className }) => {
@@ -24,7 +21,7 @@ export const OperationRating: FC<{
         className,
       )}
     >
-      {!operation.isNotEnoughRating && (
+      {!operation.notEnoughRating && (
         <Rating
           initialRating={operation.ratingRatio * 5}
           fullSymbol={
@@ -60,10 +57,10 @@ export const OperationRating: FC<{
       <div
         className={clsx(
           'text-sm text-zinc-500',
-          layout === 'horizontal' && !operation.isNotEnoughRating && 'mr-1.5',
+          layout === 'horizontal' && !operation.notEnoughRating && 'mr-1.5',
         )}
       >
-        {operation.isNotEnoughRating
+        {operation.notEnoughRating
           ? layout === 'vertical'
             ? '还没有足够的评分'
             : '评分不足'

src/components/viewer/OperationViewer.tsx

@@ -21,6 +21,7 @@ import { useAtom } from 'jotai'
 import { noop } from 'lodash-es'
 import { ComponentType, FC, useMemo, useState } from 'react'
 import { Link } from 'react-router-dom'
+import snakecaseKeys from 'snakecase-keys'
 
 import { FactItem } from 'components/FactItem'
 import { Paragraphs } from 'components/Paragraphs'
@@ -145,7 +146,11 @@ export const OperationViewer: ComponentType<{
 
     const handleDownloadJSON = () => {
       // pretty print the JSON
-      const json = JSON.stringify(operationDoc, null, 2)
+      const json = JSON.stringify(
+        snakecaseKeys(operationDoc, { deep: true }),
+        null,
+        2,
+      )
       const blob = new Blob([json], {
         type: 'application/json',
       })

src/models/operation.ts

@@ -16,7 +16,7 @@ export interface Operation {
   ratingLevel: number // integer in [0, 10]
   ratingRatio: number
   ratingType: OpRatingType
-  isNotEnoughRating: boolean
+  notEnoughRating: boolean
   difficulty: OpDifficulty
 }