Kand UI googledrive

src/commons/assessment/Assessment.tsx

@@ -1,5 +1,5 @@
 import {
-  Button,
+	Button,
   Collapse,
   Dialog,
   DialogBody,
@@ -79,7 +79,8 @@
 
   const sortAssessments = (assessments: AssessmentOverview[]) => sortBy(assessments, [a => -a.id]);
 
-  const makeSubmissionButton = (overview: AssessmentOverview) => (
+
+const makeSubmissionButton = (overview: AssessmentOverview) => (
     <Tooltip
       disabled={overview.status === AssessmentStatuses.attempted}
       content={'You can finalize after saving an answer for each question!'}
@@ -160,7 +161,6 @@
           overview={overview}
           renderAttemptButton={role !== Role.Student}
           renderGradingTooltip={false}
-          makeSubmissionButton={makeSubmissionButton}
         />
       )
     );
@@ -178,7 +178,6 @@
         overview={overview}
         renderAttemptButton
         renderGradingTooltip={false}
-        makeSubmissionButton={makeSubmissionButton}
       />
     ));
 
@@ -193,7 +192,6 @@
         overview={overview}
         renderAttemptButton
         renderGradingTooltip
-        makeSubmissionButton={makeSubmissionButton}
       />
     ));
 
@@ -228,6 +226,8 @@
     );
   }
 
+
+
   // Define the warning text when finalising submissions
   const hasBonusXp = (betchaAssessment?.earlySubmissionXp as number) > 0;
   const warningText = hasBonusXp ? (

src/commons/assessment/AssessmentOverviewCard.tsx

@@ -1,8 +1,11 @@
 import { Card, Elevation, H4, H6, Icon, Intent, Position, Text, Tooltip } from '@blueprintjs/core';
 import { IconName, IconNames } from '@blueprintjs/icons';
 import classNames from 'classnames';
+
+import classes from 'src/styles/Academy.module.scss';
 import { JSX } from 'react';
 
+
 import defaultCoverImage from '../../assets/default_cover_image.jpg';
 import Markdown from '../Markdown';
 import NotificationBadge from '../notificationBadge/NotificationBadge';
@@ -18,15 +21,13 @@
   /** Will only render the attempt button if true, regardless of attempt status. */
   renderAttemptButton: boolean;
   renderGradingTooltip: boolean;
-  makeSubmissionButton: (overview: AssessmentOverview) => JSX.Element;
 };
 
 /** A card to display `AssessmentOverview`s. */
 const AssessmentOverviewCard: React.FC<AssessmentOverviewCardProps> = ({
   overview,
   renderAttemptButton,
   renderGradingTooltip,
-  makeSubmissionButton
 }) => {
   const { isMobileBreakpoint } = useResponsive();
   return (
@@ -48,7 +49,6 @@
           <AssessmentOverviewCardTitle
             overview={overview}
             renderProgressStatus={renderGradingTooltip}
-            makeSubmissionButton={makeSubmissionButton}
           />
           <div className="listing-description">
             <Markdown content={overview.shortSummary} />
@@ -90,13 +90,11 @@
 type AssessmentOverviewCardTitleProps = {
   overview: AssessmentOverview;
   renderProgressStatus: boolean;
-  makeSubmissionButton: (overview: AssessmentOverview) => JSX.Element;
 };
 
 const AssessmentOverviewCardTitle: React.FC<AssessmentOverviewCardTitleProps> = ({
   overview,
   renderProgressStatus,
-  makeSubmissionButton
 }) => (
   <div className="listing-header">
     <Text ellipsize={true}>
@@ -113,7 +111,6 @@
         {renderProgressStatus ? showGradingTooltip(overview.isGradingPublished) : null}
       </H4>
     </Text>
-    <div className="listing-button">{makeSubmissionButton(overview)}</div>
   </div>
 );