1
1
import React , { useState , useEffect } from "react" ;
2
2
import Parse from "parse" ;
3
3
import axios from "axios" ;
4
- import { modalCancelBtnColor , modalSubmitBtnColor } from "../constant/const " ;
4
+ import Loader from "../primitives/Loader " ;
5
5
6
6
const AddSigner = ( props ) => {
7
7
const [ name , setName ] = useState ( "" ) ;
@@ -227,38 +227,29 @@ const AddSigner = (props) => {
227
227
< div className = "h-full p-[20px]" >
228
228
{ isLoader && (
229
229
< div className = "fixed inset-0 flex justify-center items-center bg-black bg-opacity-30" >
230
- < div
231
- style = { {
232
- fontSize : "45px" ,
233
- color : "#3dd3e0"
234
- } }
235
- className = "loader-37"
236
- > </ div >
230
+ < Loader />
237
231
</ div >
238
232
) }
239
- < div className = "w-full mx-auto p-2" >
233
+ < div className = "w-full mx-auto p-2 text-base-content " >
240
234
{ isUserExist && (
241
- < div className = "mb-3" >
235
+ < div className = "mb-3 flex items-center " >
242
236
< input
243
237
type = "checkbox"
244
238
id = "addYourself"
245
239
checked = { addYourself }
246
240
onChange = { handleAddYourselfChange }
247
- className = "form -checkbox"
241
+ className = "op -checkbox op-checkbox-sm "
248
242
/>
249
- < label htmlFor = "addYourself" className = "ml-2 text-gray-700 " >
243
+ < label htmlFor = "addYourself" className = "ml-2 mb-0 " >
250
244
Add Yourself
251
245
</ label >
252
246
</ div >
253
247
) }
254
248
< form onSubmit = { handleSubmit } >
255
249
< div className = "mb-3" >
256
- < label
257
- htmlFor = "name"
258
- className = "block text-xs text-gray-700 font-semibold"
259
- >
250
+ < label htmlFor = "name" className = "block text-xs font-semibold" >
260
251
Name
261
- < span style = { { color : " red" , fontSize : 13 } } > *</ span >
252
+ < span className = "text-[ red] text-[13px]" > *</ span >
262
253
</ label >
263
254
< input
264
255
type = "text"
@@ -267,16 +258,13 @@ const AddSigner = (props) => {
267
258
onChange = { ( e ) => setName ( e . target . value ) }
268
259
required
269
260
disabled = { addYourself }
270
- className = "px-3 py-2 w-full border-[1px] border-gray-300 rounded focus:outline-none text-xs"
261
+ className = "op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
271
262
/>
272
263
</ div >
273
264
< div className = "mb-3" >
274
- < label
275
- htmlFor = "email"
276
- className = "block text-xs text-gray-700 font-semibold"
277
- >
265
+ < label htmlFor = "email" className = "block text-xs font-semibold" >
278
266
Email
279
- < span style = { { color : " red" , fontSize : 13 } } > *</ span >
267
+ < span className = "text-[ red] text-[13px]" > *</ span >
280
268
</ label >
281
269
< input
282
270
type = "email"
@@ -285,14 +273,11 @@ const AddSigner = (props) => {
285
273
onChange = { ( e ) => setEmail ( e . target . value ?. toLowerCase ( ) ) }
286
274
required
287
275
disabled = { addYourself }
288
- className = "px-3 py-2 w-full border-[1px] border-gray-300 rounded focus:outline-none text-xs lowercase "
276
+ className = "op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
289
277
/>
290
278
</ div >
291
279
< div className = "mb-3" >
292
- < label
293
- htmlFor = "phone"
294
- className = "block text-xs text-gray-700 font-semibold"
295
- >
280
+ < label htmlFor = "phone" className = "block text-xs font-semibold" >
296
281
Phone
297
282
</ label >
298
283
< input
@@ -301,23 +286,17 @@ const AddSigner = (props) => {
301
286
value = { phone }
302
287
onChange = { ( e ) => setPhone ( e . target . value ) }
303
288
disabled = { addYourself }
304
- className = "px-3 py-2 w-full border-[1px] border-gray-300 rounded focus:outline-none text-xs"
289
+ className = "op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
305
290
/>
306
291
</ div >
307
-
308
- < div className = "mt-4 flex justify-start" >
309
- < button
310
- type = "submit"
311
- style = { { backgroundColor : modalSubmitBtnColor } }
312
- className = "mr-2 px-[20px] py-1.5 text-white rounded shadow-md text-center focus:outline-none "
313
- >
292
+ < div className = "mt-4 flex gap-x-2 justify-start" >
293
+ < button type = "submit" className = "op-btn op-btn-primary" >
314
294
Submit
315
295
</ button >
316
296
< button
317
297
type = "button"
318
298
onClick = { ( ) => handleReset ( ) }
319
- style = { { backgroundColor : modalCancelBtnColor } }
320
- className = "px-4 py-1.5 text-black border-[1px] border-[#ccc] shadow-md rounded focus:outline-none"
299
+ className = "op-btn op-btn-secondary"
321
300
>
322
301
Reset
323
302
</ button >
0 commit comments