From 554e50901e8e313585b7c7bb9bdb2c27f2b5b42a Mon Sep 17 00:00:00 2001
From: Ozzie Gooen <ozzieagooen@gmail.com>
Date: Thu, 26 May 2022 08:30:37 -0400
Subject: [PATCH] Added VariableBox for functiona and function declaration

---
 packages/components/src/components/SquiggleChart.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/components/src/components/SquiggleChart.tsx b/packages/components/src/components/SquiggleChart.tsx
index 31d48a1c..4479013e 100644
--- a/packages/components/src/components/SquiggleChart.tsx
+++ b/packages/components/src/components/SquiggleChart.tsx
@@ -228,6 +228,7 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
     }
     case "lambda":
       return (
+        <VariableBox heading="Function" showTypes={showTypes}>
         <FunctionChart
           fn={expression.value}
           chartSettings={chartSettings}
@@ -236,9 +237,11 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
             xyPointLength: environment.xyPointLength / 10,
           }}
         />
+        </VariableBox>
       );
     case "lambdaDeclaration": {
       return (
+        <VariableBox heading="Function Declaration" showTypes={showTypes}>
         <FunctionChart
           fn={expression.value.fn}
           chartSettings={getChartSettings(expression.value)}
@@ -247,6 +250,7 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
             xyPointLength: environment.xyPointLength / 10,
           }}
         />
+        </VariableBox>
       );
     }
     default: {