From e6e29440563e33bb67e0ad51f9fb6c5c2c3fe809 Mon Sep 17 00:00:00 2001
From: Elizabeth Hunt <elizabeth.hunt@simponic.xyz>
Date: Thu, 7 Mar 2024 20:45:47 -0700
Subject: level one (applications prototype finished!)

---
 src/engine/entities/FunctionBox.ts | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'src/engine/entities/FunctionBox.ts')

diff --git a/src/engine/entities/FunctionBox.ts b/src/engine/entities/FunctionBox.ts
index 92f1908..0c9123e 100644
--- a/src/engine/entities/FunctionBox.ts
+++ b/src/engine/entities/FunctionBox.ts
@@ -1,6 +1,9 @@
 import {
   IMAGES,
   Miscellaneous,
+  ModalClose,
+  ModalOpen,
+  SOUNDS,
   SPRITE_SPECS,
   SpriteSpec,
   Sprites,
@@ -72,10 +75,15 @@ export const makeLambdaTermHighlightComponent = (entity: Entity) => {
 
   const onHighlight = () => {
     let modalOpen = false;
+    const doModalClose = () => {
+      SOUNDS.get(ModalClose.name)!.play();
+      modalOpen = false;
+      closeModal();
+    };
+
     const interaction = () => {
       if (modalOpen) {
-        modalOpen = false;
-        closeModal();
+        doModalClose();
         return;
       }
 
@@ -86,9 +94,10 @@ export const makeLambdaTermHighlightComponent = (entity: Entity) => {
         `<div style="text-align:center"><p>${code}</p> <br> <button id="close">Close</button></div>`,
       );
       modalOpen = true;
+      SOUNDS.get(ModalOpen.name)!.play();
 
       document.getElementById("close")!.addEventListener("click", () => {
-        closeModal();
+        doModalClose();
         document.getElementById(Miscellaneous.CANVAS_ID)!.focus();
       });
     };
-- 
cgit v1.2.3-70-g09d2