feat: clear active field on component unmount

opengovsg · Jan 14, 2022 · d440555 · d440555
1 parent 02688bb
commit d440555
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/frontend/src/features/admin-form-builder/BuilderContent.tsx b/frontend/src/features/admin-form-builder/BuilderContent.tsx
@@ -1,10 +1,19 @@
+import { useEffect } from 'react'
 import { Flex, Stack } from '@chakra-ui/react'
 
 import { useAdminForm } from '~features/admin-form/common/queries'
 
 import { FieldRowContainer } from './FieldRow/FieldRowContainer'
+import { clearActiveFieldSelector, useEditFieldStore } from './editFieldStore'
 
 export const BuilderContent = (): JSX.Element => {
+  const clearActiveField = useEditFieldStore(clearActiveFieldSelector)
+
+  useEffect(() => {
+    // Clear field on component unmount.
+    return () => clearActiveField()
+  }, [clearActiveField])
+
   return (
     <Flex flex={1} bg="neutral.200">
       <Flex