From 96a205670f287b48b13733c5326d69b4b7226675 Mon Sep 17 00:00:00 2001
From: Bsandor453 <32219422+Bsandor453@users.noreply.github.com>
Date: Sat, 9 Mar 2019 21:50:44 +0100
Subject: [PATCH] Added close event on dimmer click to all forms
---
src/components/forms/AddSolutionForm.js | 4 +++-
src/components/forms/AddTaskForm.js | 2 ++
src/components/forms/CorrectSolutionForm.js | 2 ++
src/components/forms/EditTaskForm.js | 2 ++
src/components/forms/SolutionDetailsForm.js | 2 ++
5 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/src/components/forms/AddSolutionForm.js b/src/components/forms/AddSolutionForm.js
index 78dc480..e0b82c0 100644
--- a/src/components/forms/AddSolutionForm.js
+++ b/src/components/forms/AddSolutionForm.js
@@ -12,7 +12,7 @@ const allowedFileTypes = [
'application/x-zip-compressed',
];
-//in megabytes
+// in megabytes
const maxFileSize = 50;
class AddSolutionForm extends Component {
@@ -36,6 +36,8 @@ class AddSolutionForm extends Component {
return (
<Modal
open={this.state.showModal}
+ closeOnDimmerClick
+ onClose={() => this.setState({ showModal: false })}
trigger={
<button
id='task'
diff --git a/src/components/forms/AddTaskForm.js b/src/components/forms/AddTaskForm.js
index 618d082..6b386a7 100644
--- a/src/components/forms/AddTaskForm.js
+++ b/src/components/forms/AddTaskForm.js
@@ -18,6 +18,8 @@ class AddTaskForm extends Component {
return (
<Modal
open={this.state.showModal}
+ closeOnDimmerClick
+ onClose={() => this.setState({ showModal: false })}
trigger={
<Button
inverted
diff --git a/src/components/forms/CorrectSolutionForm.js b/src/components/forms/CorrectSolutionForm.js
index 6c6a65e..5cbf8a1 100644
--- a/src/components/forms/CorrectSolutionForm.js
+++ b/src/components/forms/CorrectSolutionForm.js
@@ -43,6 +43,8 @@ class CorrectSolutionForm extends Component {
return (
<Modal
open={this.state.showModal}
+ closeOnDimmerClick
+ onClose={() => this.setState({ showModal: false })}
trigger={
<Button
inverted
diff --git a/src/components/forms/EditTaskForm.js b/src/components/forms/EditTaskForm.js
index ccf5320..0574f3a 100644
--- a/src/components/forms/EditTaskForm.js
+++ b/src/components/forms/EditTaskForm.js
@@ -24,6 +24,8 @@ class EditTaskForm extends Component {
<Modal
open={this.state.showModal}
onOpen={this.props.onClick}
+ closeOnDimmerClick
+ onClose={() => this.setState({ showModal: false })}
trigger={
<Button
inverted
diff --git a/src/components/forms/SolutionDetailsForm.js b/src/components/forms/SolutionDetailsForm.js
index b15d1e5..8e2279c 100644
--- a/src/components/forms/SolutionDetailsForm.js
+++ b/src/components/forms/SolutionDetailsForm.js
@@ -48,6 +48,8 @@ class SolutionDetailsForm extends Component {
return (
<Modal
open={this.state.showModal}
+ closeOnDimmerClick
+ onClose={() => this.setState({ showModal: false })}
trigger={
<button
id='task'
--
GitLab