@@ -38,57 +38,7 @@ pub fn Connection(show: RwSignal<bool>) -> impl IntoView {
38
38
} ) ;
39
39
40
40
view ! {
41
- <Modal
42
- show=show
43
- title="Add new project"
44
- modal_footer=ModalFooter {
45
- children: ChildrenFn :: to_children( move || Fragment :: new(
46
- vec![
47
- view! {
48
- <div class="flex gap-2 justify-end" >
49
- <button
50
- class="px-4 py-2 border-1 border-neutral-200 hover:bg-neutral-200 rounded-md"
51
- disabled=move || {
52
- project( ) . is_empty( ) || db_user( ) . is_empty( )
53
- || db_password( ) . is_empty( ) || db_host( ) . is_empty( )
54
- || db_port( ) . is_empty( )
55
- }
56
-
57
- on: click=move |_| {
58
- let project_details = match driver( ) {
59
- Drivers :: POSTGRESQL => {
60
- Project :: POSTGRESQL ( Postgresql {
61
- name: project( ) ,
62
- driver: PostgresqlDriver :: new(
63
- db_user( ) ,
64
- db_password( ) ,
65
- db_host( ) ,
66
- db_port( ) ,
67
- ) ,
68
- ..Postgresql :: default ( )
69
- } )
70
- }
71
- } ;
72
- save_project. dispatch( project_details) ;
73
- }
74
- >
75
-
76
- Add
77
- </button>
78
- <button
79
- class="px-4 py-2 border-1 border-neutral-200 hover:bg-neutral-200 rounded-md"
80
- on: click=move |_| show. set( false )
81
- >
82
- Cancel
83
- </button>
84
- </div>
85
- }
86
- . into_view( ) ,
87
- ] ,
88
- ) ) ,
89
- }
90
- >
91
-
41
+ <Modal show=show title="Add new project" >
92
42
<div class="flex flex-col gap-2" >
93
43
<input
94
44
class="border-1 border-neutral-200 p-1 rounded-md"
@@ -129,8 +79,46 @@ pub fn Connection(show: RwSignal<bool>) -> impl IntoView {
129
79
placeholder="port"
130
80
on: input=move |e| set_db_port( event_target_value( & e) )
131
81
/>
132
-
133
82
</div>
83
+
84
+ <ModalFooter slot>
85
+ <div class="flex gap-2 justify-end" >
86
+ <button
87
+ class="px-4 py-2 border-1 border-neutral-200 hover:bg-neutral-200 rounded-md"
88
+ disabled=move || {
89
+ project( ) . is_empty( ) || db_user( ) . is_empty( ) || db_password( ) . is_empty( )
90
+ || db_host( ) . is_empty( ) || db_port( ) . is_empty( )
91
+ }
92
+
93
+ on: click=move |_| {
94
+ let project_details = match driver( ) {
95
+ Drivers :: POSTGRESQL => {
96
+ Project :: POSTGRESQL ( Postgresql {
97
+ name: project( ) ,
98
+ driver: PostgresqlDriver :: new(
99
+ db_user( ) ,
100
+ db_password( ) ,
101
+ db_host( ) ,
102
+ db_port( ) ,
103
+ ) ,
104
+ ..Postgresql :: default ( )
105
+ } )
106
+ }
107
+ } ;
108
+ save_project. dispatch( project_details) ;
109
+ }
110
+ >
111
+
112
+ Add
113
+ </button>
114
+ <button
115
+ class="px-4 py-2 border-1 border-neutral-200 hover:bg-neutral-200 rounded-md"
116
+ on: click=move |_| show. set( false )
117
+ >
118
+ Cancel
119
+ </button>
120
+ </div>
121
+ </ModalFooter >
134
122
</Modal >
135
123
}
136
124
}
0 commit comments