diff --git a/synapse_topology/webui/src/js/components/Database.jsx b/synapse_topology/webui/src/js/components/Database.jsx index dc12be9cf1..4b0ff5327e 100644 --- a/synapse_topology/webui/src/js/components/Database.jsx +++ b/synapse_topology/webui/src/js/components/Database.jsx @@ -23,7 +23,8 @@ export default ({ const defaultDatabase = DATABASE_TYPES.POSTGRES; const [database, setDatabase] = useState(defaultDatabase) - const [databaseHost, setHost] = useState(); + const hostDefault = "localhost" + const [databaseHost, setHost] = useState(hostDefault); const [postgresDatabase, setPostgresDatabase] = useState(); const [databaseUsername, setUser] = useState(); const [databasePassword, setPassword] = useState(); @@ -40,13 +41,14 @@ export default ({

Postgres is recommended.

setDatabase(k)}> - + + This will connect to the given Postgres database via {DATABASE_TYPES.POSTGRES}

Host

setHost(e.target.value)} + onChange={e => setHost(e.target.value ? e.target.value : hostDefault)} autoFocus placeholder="localhost" /> @@ -79,6 +81,7 @@ export default ({ /> + >Use Postgres