fix: hide problem difficulty in contest/competition

Author: dreamerblue

src/components/ProblemContent.tsx

@@ -18,13 +18,18 @@ export interface Props {
   data: IProblem;
   problemIndex?: number;
   problemAlias?: string;
+  hideDifficulty?: boolean;
 }
 
 export interface State {
   audioPlaying: boolean;
 }
 
 class ProblemContent extends React.Component<Props, State> {
+  static defaultProps: Partial<Props> = {
+    hideDifficulty: false,
+  };
+
   constructor(props: Props) {
     super(props);
     this.state = {
@@ -148,12 +153,14 @@ class ProblemContent extends React.Component<Props, State> {
           className="text-center"
           style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}
         >
-          <ProblemDifficulty
-            difficulty={data.difficulty}
-            difficultyAigc={data.difficultyAigc}
-            difficultyAiAuthor={data.difficultyAiAuthor}
-            className="mr-md-lg"
-          />
+          {!this.props.hideDifficulty && (
+            <ProblemDifficulty
+              difficulty={data.difficulty}
+              difficultyAigc={data.difficultyAigc}
+              difficultyAiAuthor={data.difficultyAiAuthor}
+              className="mr-md-lg"
+            />
+          )}
           <span>
             {titlePrefix}
             <span style={this.getFontStyle()}>{data.title}</span>

src/components/ProblemDetailPage.tsx

@@ -266,7 +266,7 @@ const ProblemDetailPage: React.FC<Props> = ({
             </table>
           </Skeleton>
         </Card>
-        {!competitionId && !loading && data.tags && !!data.tags.length && (
+        {!contestId && !competitionId && !loading && data.tags && !!data.tags.length && (
           <Card bordered={false}>
             <Form layout="vertical" hideRequiredMark={true} className={gStyles.cardForm}>
               <Form.Item label="Tags">
@@ -325,6 +325,7 @@ const ProblemDetailPage: React.FC<Props> = ({
                 data={data}
                 problemIndex={problemIndex}
                 problemAlias={problemAlias}
+                hideDifficulty={!!contestId || !!competitionId}
               />
             </Card>
           </PageAnimation>