fix: difficulty not displaying

Author: guansss

src/components/OperationCard.tsx

@@ -103,7 +103,7 @@ export const OperationCard = ({
               findLevelByStageName(levels, operationDoc.stageName) ||
               createCustomLevel(operationDoc.stageName)
             }
-            difficulty={operation.difficulty}
+            difficulty={operationDoc.difficulty}
           />
         </H5>
         <div className="flex">

src/components/entity/ELevel.tsx

@@ -36,8 +36,8 @@ export const ELevel: FC<{
 
 export const EDifficultyLevel: FC<{
   level: Level
-  difficulty: OpDifficulty
-}> = ({ level, difficulty }) => {
+  difficulty?: OpDifficulty
+}> = ({ level, difficulty = OpDifficulty.UNKNOWN }) => {
   return (
     <div className="flex flex-wrap">
       <ELevel level={level} />

src/components/viewer/OperationViewer.tsx

@@ -313,7 +313,7 @@ function OperationViewerInner({
                 findLevelByStageName(levels, operationDoc.stageName) ||
                 createCustomLevel(operationDoc.stageName)
               }
-              difficulty={operation.difficulty}
+              difficulty={operationDoc.difficulty}
             />
           </FactItem>
 

src/models/operation.ts

@@ -17,7 +17,6 @@ export interface Operation {
   ratingRatio: number
   ratingType: OpRatingType
   notEnoughRating: boolean
-  difficulty: OpDifficulty
   commentsCount: number
 }