一些体验上的调整

Author: Mr-Python-in-China

src/app/features/article/index.tsx

@@ -62,7 +62,6 @@ export default function Article() {
     getArticle(skipBefore / 1000)
       .then(v => {
         setStatus({ details: v });
-        setOtherRefuseCommit('');
         if (v.article) setSkipBefore(v.article.promoteResult.updateAt * 1000);
       })
       .catch(
@@ -74,6 +73,7 @@ export default function Article() {
     setStatus({ details: details, submiting: true });
     await submitArticleCheckResult([details.article.lid, refuseCommit || true]);
     setStatus(null);
+    setOtherRefuseCommit('');
     updateArticle();
   }
 
@@ -119,34 +119,34 @@ export default function Article() {
                     'YYYY/MM/DD HH:mm:ss'
                   )}
               。文章 LID：
-              <a
+              <Link
                 href={`https://www.luogu.com.cn/article/${details.article.lid}`}
                 target="_blank"
               >
                 {details.article.lid}
-              </a>
+              </Link>
             </Text>
             {details.article.solutionFor && (
               <Text>
                 关联于题目{' '}
-                <a
+                <Link
                   href={`https://www.luogu.com.cn/problem/${details.article.solutionFor.pid}`}
                   target="_blank"
                 >
                   {details.article.solutionFor.pid}{' '}
                   {details.article.solutionFor.title}
-                </a>
+                </Link>
                 。
                 {details.countForProblem && (
                   <>
                     共有 {details.countForProblem.pending} 篇待审核题解，
                     {details.countForProblem.available} 篇
-                    <a
+                    <Link
                       href={`https://www.luogu.com.cn/problem/solution/${details.article.solutionFor.pid}`}
                       target="_blank"
                     >
                       已通过题解
-                    </a>
+                    </Link>
                     。
                   </>
                 )}
@@ -185,6 +185,7 @@ export default function Article() {
                   很遗憾，您的《
                   <Link
                     href={`https://www.luogu.com.cn/article/${details.article.lid}`}
+                    target='_blank'
                   >
                     {details.article.title}
                   </Link>

src/app/index.tsx

@@ -3,17 +3,24 @@ import {
   FluentProvider,
   webLightTheme,
   Image,
-  Spinner
+  Spinner,
+  Theme
 } from '@fluentui/react-components';
-
-import Features from './features';
-
-import './style.css';
 import { UserSummary } from 'luogu-api';
 import { fetchMyInfo } from '../fetch';
 import { MyInfoContext } from './contexts';
 import { ErrorDiv } from './utils';
 
+import Features from './features';
+
+import './style.css';
+
+const theme: Theme = {
+  ...webLightTheme,
+  colorBrandForegroundLink: '#3498db',
+  colorBrandForegroundLinkHover: '#0056b3'
+};
+
 export default function App() {
   const [nowFeature, setNowFeature] = useState<number>(0);
   const NowFeatureComponent = Features[nowFeature][1];
@@ -33,7 +40,7 @@ export default function App() {
   }, []);
 
   return (
-    <FluentProvider theme={webLightTheme}>
+    <FluentProvider theme={theme}>
       <div className="root">
         {!fetchError ? (
           <>

src/app/utils.tsx

@@ -3,18 +3,7 @@ import React from 'react';
 import { UserSummary } from 'luogu-api';
 import { isError } from 'lodash';
 import { isAxiosError } from 'axios';
-import {
-  Dialog,
-  DialogSurface,
-  DialogBody,
-  DialogTitle,
-  DialogContent,
-  DialogActions,
-  DialogTrigger,
-  Button,
-  tokens,
-  Input
-} from '@fluentui/react-components';
+import { Button, tokens, Input } from '@fluentui/react-components';
 import dayjs from 'dayjs';
 import { DismissCircleRegular } from '@fluentui/react-icons';
 
@@ -50,9 +39,11 @@ export function UserName({ children }: { children: UserSummary }) {
       }}
     >
       <>{children.name}</>
-      <span style={{ marginLeft: '4px' }}>
-        <CcfLevelSvg level={children.ccfLevel} />
-      </span>
+      {children.ccfLevel > 2 && (
+        <span style={{ marginLeft: '4px' }}>
+          <CcfLevelSvg level={children.ccfLevel} />
+        </span>
+      )}
       {children.badge && (
         <span
           className="username-badge"