From 12906ba9e8d1bf5a4a8bca55ff777359f743ec3f Mon Sep 17 00:00:00 2001
From: Gary Tou <gary@garytou.com>
Date: Fri, 25 Oct 2024 21:21:33 -0700
Subject: [PATCH] Clear session storage items of removed fields

---
 .../fiscal-sponsorship/apply/org-adult-form.js      | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/fiscal-sponsorship/apply/org-adult-form.js b/components/fiscal-sponsorship/apply/org-adult-form.js
index 08efeef2..db6231ef 100644
--- a/components/fiscal-sponsorship/apply/org-adult-form.js
+++ b/components/fiscal-sponsorship/apply/org-adult-form.js
@@ -7,7 +7,16 @@ export default function OrganizationAdultForm({ requiredFields }) {
   const org = useOrganizationI18n()
   const [teenagerLed, setTeenagerLed] = useState('true')
 
-  const onTeenagerLedChange = e => setTeenagerLed(e.target.value)
+  const onTeenagerLedChange = e => {
+    const newValue = e.target.value
+    setTeenagerLed(newValue)
+
+    if (newValue === 'true') {
+      // Clear cache of removed fields
+      sessionStorage.removeItem('bank-signup-eventPoliticalActivity')
+      sessionStorage.removeItem('bank-signup-eventAnnualBudget')
+    }
+  }
 
   useEffect(() => {
     // [@garyhtou] welp... this exists because the Field component will cache
@@ -43,7 +52,7 @@ export default function OrganizationAdultForm({ requiredFields }) {
         </Select>
       </Field>
 
-      {teenagerLed === 'false' && (
+      {teenagerLed !== 'true' && (
         <>
           <Field
             name="eventPoliticalActivity"