Refactor task modal opening.

client/src/components/time-ticket-task-modal/time-ticket-task-modal.container.jsx

@@ -33,7 +33,7 @@ export function TimeTickeTaskModalContainer({
   toggleModalVisible
 }) {
   const [form] = Form.useForm();
-  const { context, visible, actions } = timeTicketTasksModal;
+  const { context, open, actions } = timeTicketTasksModal;
   const [completedTasks, setCompletedTasks] = useState([]);
   const [unassignedHours, setUnassignedHours] = useState(0);
   const { t } = useTranslation();
@@ -59,13 +59,13 @@ export function TimeTickeTaskModalContainer({
     [client]
   );
   useEffect(() => {
-    if (visible) {
+    if (open) {
       form.setFieldsValue({ ...context, task: null, timetickets: null });
       if (context.jobid) {
         getCompletedTasks(context.jobid);
       }
     }
-  }, [context.jobid, visible, getCompletedTasks, form, context]);
+  }, [context.jobid, open, getCompletedTasks, form, context]);
 
   async function handleValueChange(changedValues, allValues) {
     if (changedValues.jobid) {
@@ -118,7 +118,7 @@ export function TimeTickeTaskModalContainer({
   return (
     <Modal
       destroyOnClose
-      open={visible}
+      open={open}
       onCancel={() => {
         toggleModalVisible();
         form.resetFields();