Add database password rotation to view

This commit is contained in:
Dane Everitt 2019-07-27 15:17:50 -07:00
parent f6ee885f26
commit 48c39abfcb
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
11 changed files with 178 additions and 6 deletions

View file

@ -12,12 +12,15 @@ import CreateDatabaseButton from '@/components/server/databases/CreateDatabaseBu
export default () => {
const [ loading, setLoading ] = useState(true);
const [ databases, setDatabases ] = useState<ServerDatabase[]>([]);
const server = ServerContext.useStoreState(state => state.server.data!);
const databases = ServerContext.useStoreState(state => state.databases.items);
const { setDatabases, appendDatabase, removeDatabase } = ServerContext.useStoreActions(state => state.databases);
const { addFlash, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
useEffect(() => {
setLoading(!databases.length);
clearFlashes('databases');
getServerDatabases(server.uuid)
.then(databases => {
setDatabases(databases);
@ -43,8 +46,8 @@ export default () => {
databases.map((database, index) => (
<DatabaseRow
key={database.id}
database={database}
onDelete={() => setDatabases(s => [ ...s.filter(d => d.id !== database.id) ])}
databaseId={database.id}
onDelete={() => removeDatabase(database)}
className={index > 0 ? 'mt-1' : undefined}
/>
))
@ -54,7 +57,7 @@ export default () => {
</p>
}
<div className={'mt-6 flex justify-end'}>
<CreateDatabaseButton onCreated={database => setDatabases(s => [ ...s, database ])}/>
<CreateDatabaseButton onCreated={appendDatabase}/>
</div>
</React.Fragment>
</CSSTransition>