Finish support for creating databases in the UI

This commit is contained in:
Dane Everitt 2019-07-16 21:43:11 -07:00
parent 61dc86421d
commit 1f763dc155
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 136 additions and 12 deletions

View file

@ -40,14 +40,18 @@ export default () => {
<CSSTransition classNames={'fade'} timeout={250}>
<React.Fragment>
{databases.length > 0 ?
databases.map(database => <DatabaseRow key={database.id} database={database}/>)
databases.map((database, index) => <DatabaseRow
key={database.id}
database={database}
className={index > 0 ? 'mt-1' : undefined}
/>)
:
<p className={'text-center text-sm text-neutral-200'}>
It looks like you have no databases. Click the button below to create one now.
</p>
}
<div className={'mt-6 flex justify-end'}>
<CreateDatabaseButton onCreated={database => setDatabases(s => [...s, database])}/>
<CreateDatabaseButton onCreated={database => setDatabases(s => [ ...s, database ])}/>
</div>
</React.Fragment>
</CSSTransition>