From 17672a44a7b371aafe2bbde5c3760271fbe89ac7 Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Mon, 5 Apr 2021 17:48:36 +0200
Subject: [PATCH] QualificationsPage: reset professions when closing the modal

---
 .../components/FormDialog/FormDialog.tsx                   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx b/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
index f1ac41d..764053d 100644
--- a/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
+++ b/src/features/QualificationsPage/components/FormDialog/FormDialog.tsx
@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { useUpdateEffect } from 'react-use';
 import { Controller, useForm } from 'react-hook-form';
 import { omit, pick } from 'lodash';
 import useProfessionAutocomplete from './FormDialog.useProfessionAutocomplete.js';
@@ -54,12 +55,16 @@ const FormDialog = ({
     control: control,
   });
   const classes = useStyles();
-
   useEffect(() => {
     reset({
       professions,
     });
   }, [professions, reset]);
+  useUpdateEffect(() => {
+    if (!open && selectedProfessions.length > 0) {
+      setValue('professions', []);
+    }
+  }, [open]);
 
   const prepareDataBeforeSave = (data: Input): QualificationInput => {
     return {