From be5e7070c5b3841aa66f3bc7f15addc1b2bff840 Mon Sep 17 00:00:00 2001
From: Collin Bolles <collinbolles@gmail.com>
Date: Wed, 28 May 2025 11:26:51 -0400
Subject: [PATCH] Add in practice image

---
 packages/frontend/public/practice-image.png      | Bin 0 -> 1059 bytes
 .../PracticeTaskInstructions.component.tsx       |   5 ++++-
 .../PracticeTaskInstructionsSide.component.tsx   |   4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 packages/frontend/public/practice-image.png

diff --git a/packages/frontend/public/practice-image.png b/packages/frontend/public/practice-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..3788b9e02f42ac2ada040ba3ed5add569e306ace
GIT binary patch
literal 1059
zcmeAS@N?(olHy`uVBq!ia0y~yU=#qdmvS%z$;C^8LV;9BfKQ0)|NsBjuU-Y@{rU4}
z!<yA=SFTvOa^>2!Ygri?)~;E#desVMCI)tPb`A~>An(VIAD=&e=I7_%v}u#5sObCm
z@0TuIuygB{DO09MNl86<@?`h!-E-&8EjD?1pMin7%hSa%q+-t7xp#|h8HlinN*`xi
z!o)X0t@i)-H7c|BzhCr1BiL%;Zj;L|d8EC&3r_g<7X#ga0zSlFGU@&PakXZetbC_I
zy{ORqUD=;nn~r|I_-WeH*vGfJ6pm%LR?f6c`XE+4eSPUKwl;3I`O&vl@+4U+NY;N2
zR}2=I-@oLj$=nsvtD2sOE9?{G>ipexKK}e~<2SD-*+vwH1PiOocRhTOf2FI=rp@~0
zTpzEU(RWn*_;%B59qUr{Bfszdepp)Be)Y`jEX%(4nYH%c&*gTn7oNZKWT4%g?AyJG
zt(Nm#XM7KpRWbTD|9jIMiRtZEvv&HqA6}Zft#yZl;(wd$Se}<=OXF^vS<BCQ^m@+P
zUkZiU^Y{M>)l9b0P2Q(`BzJ1Oy58Ee+b33p_^_+wpACQWT3h|e*7wu(>z{r5JK4U|
zCS&4R=Jij{Io92ISs2}-a9t-(?5=}AlR%4t_(TOIAs3gX4hj1if={AUIyzVcVL~1P
zf}Bc9jxIw|@I<}578bX2A6xmy-O=gtm&bP}`g98)cb?u<@%X^pFHdYPt~$F~Cq8qw
z?(1!@nxAN9|IMz~Kk>3gCTUWh;gU$Fmsv+W9|>=-w40qBz1{RnL8ab|%Ji@5Drb+p
zI{rxE__}DBzLzZ~nU|(K^!m&>Q>}LD{IzE1Z8pDOZRNpHSH9!_G)vZ(yWZW9y>#xL
z*|N#<@|6?iKilg>f9|(Y>}<*`J#3m7!T$Tlk!Lo~&sjNs+&Ed_^s;}v+izUAJlo83
zc}>t`j-%~tC%t!D&n~XjdU)P3$Jy+&!BvC&3uatf>gHsnPB`@E@XLqoUk&zV97_%J
z(ahavqO<vz+@~c!y5!EEw)<;%Hm0U1sH?U$UG~(^*c-?Edp{N{t3Pqd3M>@<d42tp
z`-h&!>zsPdXm9)b<=I2$XL5hkOZxRx7?PFt$?j*IvpfBsz*FuDkcg+NpUXO@geCy9
Cy~x=B

literal 0
HcmV?d00001

diff --git a/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx b/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx
index 18e9c2c..e439246 100644
--- a/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx
+++ b/packages/frontend/src/components/practice/PracticeTaskInstructions.component.tsx
@@ -9,7 +9,8 @@ import {
   Stack,
   Typography,
   ListItemText,
-  DialogActions
+  DialogActions,
+  Box
 } from '@mui/material';
 
 export interface PracticeTaskInstructionsProps {
@@ -34,6 +35,8 @@ export const PracticeTaskInstructions: FC<PracticeTaskInstructionsProps> = ({ on
         Model how to represent one-fourth with this rectangular shape. Use concise and precise mathematical language.
       </Typography>
 
+      <Box component="img" sx={{ maxWidth: 300 }} src="/practice-image.png" />
+
       <Typography variant="h3" sx={{ paddingTop: 10 }}>
         Note
       </Typography>
diff --git a/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx b/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx
index 95ccd60..640d471 100644
--- a/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx
+++ b/packages/frontend/src/components/practice/PracticeTaskInstructionsSide.component.tsx
@@ -1,4 +1,4 @@
-import { Stack, Typography, List, ListItemText, ListItem } from '@mui/material';
+import { Stack, Typography, List, ListItemText, ListItem, Box } from '@mui/material';
 import { FC } from 'react';
 
 export const PractiveTaskInstructionsSide: FC = () => {
@@ -14,6 +14,8 @@ export const PractiveTaskInstructionsSide: FC = () => {
         Model how to represent one-fourth with this rectangular shape. Use concise and precise mathematical language.
       </Typography>
 
+      <Box component="img" sx={{ maxWidth: 300 }} src="/practice-image.png" />
+
       <Typography variant="h3" sx={{ paddingTop: 10 }}>
         Remember to:
       </Typography>