fix: bad percentage calculation when totalSolvedQuestions is zero

Author: pan93412

app/(app)/challenges/_components/header/index.tsx

@@ -24,6 +24,8 @@ export default function Header() {
   const totalSolvedQuestions = data.me.submissionStatistics.solvedQuestions;
   const totalAttemptedQuestions = data.me.submissionStatistics.attemptedQuestions;
 
+  const completedPercentage = totalQuestions > 0 ? (totalSolvedQuestions / totalQuestions) * 100 : 0;
+
   return (
     <header className="flex items-center justify-between pb-6">
       <div className="space-y-1 tracking-wide">
@@ -51,7 +53,7 @@ export default function Header() {
           variant="primary"
           cols={10}
           rows={4}
-          progress={(totalSolvedQuestions / totalQuestions) * 100}
+          progress={completedPercentage}
         />
       </div>
     </header>

app/(app)/statistics/_components/board/completed-questions.tsx

@@ -28,7 +28,7 @@ export default function CompletedQuestionsPercentage() {
 
   const totalQuestions = data.me.submissionStatistics.totalQuestions;
   const solvedQuestions = data.me.submissionStatistics.solvedQuestions;
-  const completedPercentage = (solvedQuestions / totalQuestions) * 100;
+  const completedPercentage = totalQuestions > 0 ? (solvedQuestions / totalQuestions) * 100 : 0;
 
   return (
     <>

app/(app)/statistics/_components/statistics/resolved-questions.tsx

@@ -20,12 +20,12 @@ export default function ResolvedQuestions() {
   const { data } = useSuspenseQuery(RESOLVED_QUESTIONS);
   const totalQuestions = data.me.submissionStatistics.totalQuestions;
   const solvedQuestions = data.me.submissionStatistics.solvedQuestions;
-  const resolvedQuestions = solvedQuestions / totalQuestions * 100;
+  const resolvedQuestions = totalQuestions > 0 ? (solvedQuestions / totalQuestions) * 100 : 0;
 
   return (
     <div className="flex flex-col gap-1">
       你攻克了 {resolvedQuestions.toFixed(0)}% 的題目！
-      <Progress className="max-w-[50%]" value={resolvedQuestions * 100} />
+      <Progress className="max-w-[50%]" value={resolvedQuestions} />
     </div>
   );
 }