Show inline display units

Author: mlt47

src/app/components/elements/inputs/InlineNumericEntryZone.tsx

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Markup } from "../markup";
 import { IsaacNumericQuestionDTO, QuantityDTO, QuantityValidationResponseDTO } from "../../../../IsaacApiTypes";
 import { selectors, useAppSelector, useGetConstantUnitsQuery } from "../../../state";
-import { isLoggedIn, useCurrentQuestionAttempt } from "../../../services";
+import { isDefined, isLoggedIn, useCurrentQuestionAttempt } from "../../../services";
 import { InlineEntryZoneProps, correctnessClass } from "../markup/portals/InlineEntryZone";
 import { selectUnits, wrapUnitForSelect } from "../../../services/numericUnits";
 import { QuestionCorrectness } from "../../../../IsaacAppTypes";
@@ -46,6 +46,8 @@ export const InlineNumericEntryZone = ({width, height, questionDTO, setModified,
         setModified(true);
     }
 
+    const unit = questionDTO.displayUnit ?? currentAttempt?.units;
+
     return <div {...rest} 
         className={classNames("inline-numeric-container w-100", rest.className, correctnessClass(valueCorrectness === "NOT_SUBMITTED" ? "NOT_SUBMITTED" : correctness))}
     >
@@ -94,7 +96,7 @@ export const InlineNumericEntryZone = ({width, height, questionDTO, setModified,
             >
                 <div className={showFeedback(unitCorrectness) ? "pe-4" : "pe-2"}>
                     <Markup encoding={"latex"}>
-                        {currentAttempt?.units !== undefined ? wrapUnitForSelect(noDisplayUnit ? currentAttempt.units : questionDTO.displayUnit) : "Unit..."}
+                        {isDefined(unit) ? wrapUnitForSelect(unit) : "Unit..."}
                     </Markup>
                     {showFeedback(unitCorrectness) && noDisplayUnit && <div className={"feedback-box ps-2"}>
                         {unitCorrectness === "NOT_ANSWERED" ?