Close delete epic modal when have related issues

jirs-client/js/css/styledModal.scss

@@ -162,6 +162,22 @@
                             }
                         }
                     }
+
+                    > .actions {
+                        display: flex;
+                        justify-content: flex-end;
+                        margin: {
+                            bottom: 10px;
+                            top: 10px;
+                        }
+
+                        padding: {
+                            right: 40px;
+                            left: 40px;
+                        };
+                        > .styledButton {
+                        }
+                    }
                 }
             }
         }

jirs-client/src/components/styled_checkbox.rs

@@ -1,9 +1,11 @@
-use seed::{prelude::*, *};
+use {
-
+    crate::{
-use jirs_data::TimeTracking;
+        shared::{ToChild, ToNode},
-
+        FieldId, Msg,
-use crate::shared::{ToChild, ToNode};
+    },
-use crate::{FieldId, Msg};
+    jirs_data::TimeTracking,
+    seed::{prelude::*, *},
+};
 
 #[derive(Debug)]
 pub struct StyledCheckboxState {

jirs-client/src/components/styled_field.rs

@@ -1,7 +1,7 @@
-use seed::{prelude::*, *};
+use {
-
+    crate::{shared::ToNode, Msg},
-use crate::shared::ToNode;
+    seed::{prelude::*, *},
-use crate::Msg;
+};
 
 #[derive(Debug)]
 pub struct StyledField<'l> {

jirs-client/src/components/styled_icon.rs

@@ -1,11 +1,9 @@
-use std::borrow::Cow;
+use {
-
+    crate::{shared::ToNode, Msg},
-use seed::{prelude::*, *};
+    jirs_data::{IssuePriority, IssueType},
-
+    seed::{prelude::*, *},
-use jirs_data::{IssuePriority, IssueType};
+    std::borrow::Cow,
-
+};
-use crate::shared::ToNode;
-use crate::Msg;
 
 #[allow(dead_code)]
 #[derive(Copy, Clone, Debug)]

jirs-client/src/components/styled_image_input.rs

@@ -1,8 +1,8 @@
-use seed::{prelude::*, *};
+use {
-use web_sys::File;
+    crate::{shared::ToNode, FieldId, Msg},
-
+    seed::{prelude::*, *},
-use crate::shared::ToNode;
+    web_sys::File,
-use crate::{FieldId, Msg};
+};
 
 #[derive(Debug, Clone)]
 pub struct StyledImageInputState {

jirs-client/src/components/styled_link.rs

@@ -1,7 +1,7 @@
-use seed::{prelude::*, *};
+use {
-
+    crate::{shared::ToNode, Msg},
-use crate::shared::ToNode;
+    seed::{prelude::*, *},
-use crate::Msg;
+};
 
 pub struct StyledLink<'l> {
     children: Vec<Node<Msg>>,

jirs-client/src/components/styled_select.rs

@@ -10,8 +10,6 @@ use {
     seed::{prelude::*, *},
 };
 
-// pub trait ChildIter<'l> = Iterator<Item = StyledSelectChildBuilder<'l>>;
-
 #[derive(Clone, Debug, PartialEq)]
 pub enum StyledSelectChanged {
     Text(String),

jirs-client/src/components/styled_textarea.rs

@@ -1,7 +1,7 @@
-use seed::{prelude::*, *};
+use {
-
+    crate::{shared::ToNode, FieldId, Msg},
-use crate::shared::ToNode;
+    seed::{prelude::*, *},
-use crate::{FieldId, Msg};
+};
 
 #[derive(Debug)]
 pub struct StyledTextarea<'l> {

jirs-client/src/components/styled_tooltip.rs

@@ -1,7 +1,7 @@
-use seed::{prelude::*, *};
+use {
-
+    crate::{shared::ToNode, Msg},
-use crate::shared::ToNode;
+    seed::{prelude::*, *},
-use crate::Msg;
+};
 
 #[derive(Debug, Copy, Clone)]
 pub enum Variant {

jirs-client/src/modals/epic_delete/view.rs

@@ -1,6 +1,6 @@
 use {
     crate::{
-        components::{styled_confirm_modal::*, styled_icon::*, styled_modal::*},
+        components::{styled_button::*, styled_confirm_modal::*, styled_icon::*, styled_modal::*},
         modals::epic_delete::Model,
         model,
         shared::ToNode,
@@ -45,12 +45,25 @@ fn warning(model: &model::Model, modal: &Model) -> Node<Msg> {
             ]]
         })
         .collect();
+
+    let close = StyledButton::build()
+        .text("Close")
+        .on_click(mouse_ev("click", move |ev| {
+            ev.stop_propagation();
+            ev.prevent_default();
+            Msg::ModalDropped
+        }))
+        .secondary()
+        .build()
+        .into_node();
+
     section![
         h3![C!["header"], "Cannot delete epic"],
         div![
             C!["warning"],
             "This epic have related issues. Please move or delete them first."
         ],
-        ol![C!["relatedList"], issues]
+        ol![C!["relatedList"], issues],
+        div![C!["actions"], close]
     ]
 }