Button in Ground Control to manually trigger contest score calculation (updates DB table answers with scores)

Author: tohyzhong

src/pages/academy/groundControl/configureControls/CalculateContestScoreButton.tsx

@@ -0,0 +1,24 @@
+import { IconNames } from '@blueprintjs/icons';
+import ControlButton from 'src/commons/ControlButton';
+import { calculateContestScore } from 'src/commons/sagas/RequestsSaga';
+import { useTokens } from 'src/commons/utils/Hooks';
+
+type Props = {
+  assessmentId: number;
+};
+
+const CalculateContestScoreButton: React.FC<Props> = ({ assessmentId }) => {
+  const tokens = useTokens();
+
+  return (
+    <div className="control-button-container">
+      <ControlButton
+        icon={IconNames.CALCULATOR}
+        onClick={async () => {calculateContestScore(assessmentId, tokens)}}
+        label="Calculate Contest Score"
+      />
+    </div>
+  );
+};
+
+export default CalculateContestScoreButton;

src/pages/academy/groundControl/subcomponents/GroundControlConfigureCell.tsx

@@ -14,6 +14,7 @@ import React, { useCallback, useState } from 'react';
 
 import { AssessmentOverview } from '../../../../commons/assessment/AssessmentTypes';
 import ControlButton from '../../../../commons/ControlButton';
+import CalculateContestScoreButton from '../configureControls/CalculateContestScoreButton';
 import ExportScoreLeaderboardButton from '../configureControls/ExportScoreLeaderboardButton';
 import ExportVoteLeaderboardButton from '../configureControls/ExportVoteLeaderboardButton';
 import AssignEntriesButton from './configureControls/AssignEntriesButton';
@@ -117,6 +118,7 @@ const ConfigureCell: React.FC<Props> = ({
             />
             <Collapse isOpen={hasVotingFeatures}>
               <div className="voting-related-controls">
+                <CalculateContestScoreButton assessmentId={data.id} />
                 <ExportScoreLeaderboardButton assessmentId={data.id} />
                 <ExportVoteLeaderboardButton assessmentId={data.id} />
                 <AssignEntriesButton