Merge pull request #136 from iilj/feature/#135_SolvedProblemList_Badge

Resolve #135

Author: iilj

src/index.css

@@ -140,6 +140,10 @@ h4 {
   margin-bottom: 1rem;
 }
 
+.badge {
+  margin-left: 0.5rem;
+}
+
 .difficulty-red {
   color: #ff0000;
 }

src/interfaces/SolvedProblem.ts

@@ -4,6 +4,8 @@ import { Problem } from './Problem';
 export interface SolvedProblem extends Problem {
   /** 最初に正答された時間（RFC 3339） */
   readonly Date: string;
+  /** 最初に（リジャッジ前に）ACした提出の情報かどうか */
+  First: boolean;
 }
 
 /** ユーザーが最初に（リジャッジ前に）ACした問題 */

src/pages/UserPage/SolvedProblemList.tsx

@@ -16,6 +16,7 @@ import { ProblemId, ProblemLevel, ProblemNo } from '../../interfaces/Problem';
 import { SolvedProblem } from '../../interfaces/SolvedProblem';
 import { Contest, ContestId } from '../../interfaces/Contest';
 import { Difficulties, Difficulty } from '../../interfaces/Difficulty';
+import { Badge } from 'reactstrap';
 
 interface Entry extends SolvedProblem {
   Contest: Contest | undefined;
@@ -112,8 +113,11 @@ export const SolvedProblemList: React.FC<Props> = (props) => {
       <TableHeaderColumn
         dataSort
         dataField="Date"
-        dataFormat={(date: string) => (
-          <>{dataFormat(new Date(date), 'yyyy/mm/dd HH:MM')}</>
+        dataFormat={(date: string, row: Entry) => (
+          <>
+            <>{dataFormat(new Date(date), 'yyyy/mm/dd HH:MM')}</>
+            <>{!row.First && <Badge color="success">After Rejudge</Badge>}</>
+          </>
         )}
       >
         Date

src/utils/TypedCachedApiClient.ts

@@ -50,10 +50,20 @@ const fetchUserInfo = (param: UserParam, user: UserName) =>
 const fetchSolvedProblems = (param: UserParam, user: UserName) =>
   fetchJson<SolvedProblem[]>(
     `${STATIC_API_BASE_URL}/solved/${param}/${encodeURIComponent(user)}`
+  ).then((solvedProblems) =>
+    solvedProblems.map((solvedProblem) => {
+      solvedProblem.First = false;
+      return solvedProblem;
+    })
   );
 const fetchFirstSolvedProblems = (param: UserParam, user: UserName) =>
   fetchJson<FirstSolvedProblem[]>(
     `${STATIC_API_BASE_URL}/solved/${param}/${encodeURIComponent(user)}/first`
+  ).then((solvedProblems) =>
+    solvedProblems.map((solvedProblem) => {
+      solvedProblem.First = true;
+      return solvedProblem;
+    })
   );
 const fetchSingleProblem = (problemId: ProblemId) =>
   fetchJson<Problem>(`${STATIC_API_BASE_URL}/problems/${problemId}`);