@@ -10,41 +10,42 @@ const ConnectionModal: React.FunctionComponent<ConnectionModalProps> = ({
1010 setConnectionStatus,
1111} ) => {
1212 const protocols = [ 'neo4j' , 'neo4j+s' , 'neo4j+ssc' , 'bolt' , 'bolt+s' , 'bolt+ssc' ] ;
13- const [ selectedProtocol , setSelectedProtocol ] = useState < string > ( localStorage . getItem ( 'selectedProtocol' ) ?? 'neo4j+s' ) ;
13+ const [ selectedProtocol , setSelectedProtocol ] = useState < string > (
14+ localStorage . getItem ( 'selectedProtocol' ) ?? 'neo4j+s'
15+ ) ;
1416 const [ hostname , setHostname ] = useState < string > ( localStorage . getItem ( 'hostname' ) ?? '' ) ;
1517 const [ database , setDatabase ] = useState < string > ( localStorage . getItem ( 'database' ) ?? 'neo4j' ) ;
1618 const [ username , setUsername ] = useState < string > ( localStorage . getItem ( 'username' ) ?? 'neo4j' ) ;
1719 const [ password , setPassword ] = useState < string > ( '' ) ;
1820 const { setUserCredentials } = useCredentials ( ) ;
1921 const [ statusMessage , setStatusMessage ] = useState < string > ( '' ) ;
2022 const [ status , setStatus ] = useState < 'unknown' | 'success' | 'info' | 'warning' | 'danger' > ( 'unknown' ) ;
21- const [ loading , setLoading ] = useState < boolean > ( false ) ;
22-
23+ const [ loading , setLoading ] = useState < boolean > ( false ) ;
24+
2325 const [ port , setPort ] = useState < string > ( localStorage . getItem ( 'port' ) ?? '7687' ) ;
24- const submitConnection = async ( ) => {
26+ const submitConnection = async ( ) => {
2527 const connectionURI = `${ selectedProtocol } ://${ hostname } :${ port } ` ;
2628 setUserCredentials ( { uri : connectionURI , userName : username , password : password , database : database } ) ;
2729 localStorage . setItem ( 'username' , username ) ;
2830 localStorage . setItem ( 'hostname' , hostname ) ;
2931 localStorage . setItem ( 'database' , database ) ;
3032 localStorage . setItem ( 'selectedProtocol' , selectedProtocol ) ;
3133 setLoading ( true ) ;
32- const status = await setDriver ( connectionURI , username , password , database )
33- if ( status === 'success' ) {
34- setOpenConnection ( false ) ;
35- setConnectionStatus ( true ) ;
36- setStatusMessage ( '' ) ;
37- }
38- else {
39- setStatus ( 'danger' ) ;
40- setStatusMessage ( status ) ;
41- setConnectionStatus ( false ) ;
42- setTimeout ( ( ) => {
43- setStatus ( 'unknown' ) ;
44- } , 5000 )
45- }
46- setLoading ( false ) ;
47- }
34+ const status = await setDriver ( connectionURI , username , password , database ) ;
35+ if ( status === 'success' ) {
36+ setOpenConnection ( false ) ;
37+ setConnectionStatus ( true ) ;
38+ setStatusMessage ( '' ) ;
39+ } else {
40+ setStatus ( 'danger' ) ;
41+ setStatusMessage ( status ) ;
42+ setConnectionStatus ( false ) ;
43+ setTimeout ( ( ) => {
44+ setStatus ( 'unknown' ) ;
45+ } , 5000 ) ;
46+ }
47+ setLoading ( false ) ;
48+ } ;
4849
4950 const isDisabled = ! username || ! hostname || ! password ;
5051 return (
@@ -53,7 +54,13 @@ const ConnectionModal: React.FunctionComponent<ConnectionModalProps> = ({
5354 < Dialog . Header id = 'form-dialog-title' > Connect to Neo4j</ Dialog . Header >
5455 < Dialog . Content className = 'n-flex n-flex-col n-gap-token-4' >
5556 { status !== 'unknown' && (
56- < Banner name = 'connection banner' closeable description = { statusMessage } onClose = { ( ) => setStatus ( 'unknown' ) } type = { status } />
57+ < Banner
58+ name = 'connection banner'
59+ closeable
60+ description = { statusMessage }
61+ onClose = { ( ) => setStatus ( 'unknown' ) }
62+ type = { status }
63+ />
5764 ) }
5865 < div className = 'n-flex n-flex-row n-flex-wrap' >
5966 < Dropdown
0 commit comments