Add DispatchContestXp functionality and button to issue contest XP in ground control

Author: tohyzhong

src/commons/sagas/RequestsSaga.ts

@@ -1273,6 +1273,24 @@ export const calculateContestScore = async (
   return resp;
 };
 
+/**
+ * POST /courses/{courseId}/admin/assessments/{assessmentId}/dispatchContestXp
+ */
+export const dispatchContestXp = async (
+  assessmentId: number,
+  tokens: Tokens
+): Promise<Response | null> => {
+  const resp = await request(
+    `${courseId()}/admin/assessments/${assessmentId}/dispatchContestXp`,
+    'POST',
+    {
+      ...tokens
+    }
+  );
+
+  return resp;
+};
+
 /**
  * GET /courses/{courseId}/admin/assessments/{assessmentId}/{visibleEntries}/scoreLeaderboard
  */

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

@@ -0,0 +1,26 @@
+import { IconNames } from '@blueprintjs/icons';
+import ControlButton from 'src/commons/ControlButton';
+import { dispatchContestXp } 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.AddRowTop}
+        onClick={async () => {
+          dispatchContestXp(assessmentId, tokens);
+        }}
+        label="Dispatch Contest XP"
+      />
+    </div>
+  );
+};
+
+export default CalculateContestScoreButton;

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

@@ -18,6 +18,7 @@ import CalculateContestScoreButton from '../configureControls/CalculateContestSc
 import ExportScoreLeaderboardButton from '../configureControls/ExportScoreLeaderboardButton';
 import ExportVoteLeaderboardButton from '../configureControls/ExportVoteLeaderboardButton';
 import AssignEntriesButton from './configureControls/AssignEntriesButton';
+import DispatchContestXpButton from '../configureControls/DispatchContestXpButton';
 
 type Props = {
   handleConfigureAssessment: (
@@ -119,6 +120,7 @@ const ConfigureCell: React.FC<Props> = ({
             <Collapse isOpen={hasVotingFeatures}>
               <div className="voting-related-controls">
                 <CalculateContestScoreButton assessmentId={data.id} />
+                <DispatchContestXpButton assessmentId={data.id} />
                 <ExportScoreLeaderboardButton assessmentId={data.id} />
                 <ExportVoteLeaderboardButton assessmentId={data.id} />
                 <AssignEntriesButton