Randomized Turtle Dialogue

Modified Turtle.tsx and LessonSide.tsx in orde
r to make the turtle's dialogue box display a randomized statement wit
h every new exercise.

src/components/shared/LessonSide/LessonSide.tsx

@@ -12,12 +12,17 @@ interface lessonSideProps {
   maxLevel: number;
 }
 
+function getRandomNumber(min: number, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
 function LessonSide({
   levelNum,
   updateLevel,
   maxLevel,
 }: lessonSideProps): JSX.Element {
   const lesson_info = LessonSideContent[levelNum] || [];
+  const randomTurtleMessage = getRandomNumber(1, 7)
   // console.log("max:" + maxLevel);
   return (
     <section id="lesson-side-container">
@@ -33,7 +38,7 @@ function LessonSide({
         <LessonText text_array={lesson_info} />
       </div>
       <div>
-        <Turtle turtleID="your-genius" />
+        <Turtle turtleID={randomTurtleMessage} />
 
         {/* passed from parent component */}
         <LevelSelector

src/components/shared/LessonSide/Turtle.tsx

@@ -7,33 +7,33 @@ import encouragingTurtleSkills from '../../../assets/LessonSide/EncouragingTurtl
 import encouragingTurtleSuccess from '../../../assets/LessonSide/EncouragingTurtleSuccess.svg';
 
 interface TurtleProps {
-  turtleID: string;
+  turtleID: number;
 }
 
 interface TurtleData {
-  [key: string]: [fig: string, altText: string];
+  [key: number]: [fig: string, altText: string];
 }
 
 const turtleIDs: TurtleData = {
-  'full-points': [
+  1: [
     encouragingTurtleFullPoints,
     'Turtle saying Full points for you!',
   ],
-  'you-can-do-it': [encouragingTurtle, 'Turtle saying You can do it!'],
-  'numerous-skills': [
+  2: [encouragingTurtle, 'Turtle saying You can do it!'],
+  3: [
     encouragingTurtleSkills,
     'Turtle saying Your skills are numerous!',
   ],
-  'your-genius': [
+  4: [
     encouragingTurtleGenius,
     "Turtle saying There's no end to your genius!",
   ],
-  'nice-going': [encouragingTurtleNiceGoing, 'Turtle saying Nice going!'],
-  'drawn-to-work': [
+  5: [encouragingTurtleNiceGoing, 'Turtle saying Nice going!'],
+  6: [
     encouragingTurtleWork,
     "Turtle saying I'm drawn to your work!",
   ],
-  'large-success': [
+  7: [
     encouragingTurtleSuccess,
     'Turtle saying A large degree of success!',
   ],