misc_pterodactyl-panel/resources/scripts/components/server/databases/RotatePasswordButton.tsx

47 lines
1.6 KiB
TypeScript
Raw Normal View History

2019-07-27 22:17:50 +00:00
import React, { useState } from 'react';
import rotateDatabasePassword from '@/api/server/databases/rotateDatabasePassword';
2019-07-27 22:17:50 +00:00
import { Actions, useStoreActions } from 'easy-peasy';
import { ApplicationStore } from '@/state';
import { ServerContext } from '@/state/server';
import { ServerDatabase } from '@/api/server/databases/getServerDatabases';
2019-07-27 22:17:50 +00:00
import { httpErrorToHuman } from '@/api/http';
import Button from '@/components/elements/Button';
2020-07-05 00:15:49 +00:00
import tw from 'twin.macro';
2019-07-27 22:17:50 +00:00
export default ({ databaseId, onUpdate }: {
databaseId: string;
onUpdate: (database: ServerDatabase) => void;
}) => {
const [ loading, setLoading ] = useState(false);
const { addFlash, clearFlashes } = useStoreActions((actions: Actions<ApplicationStore>) => actions.flashes);
const server = ServerContext.useStoreState(state => state.server.data!);
if (!databaseId) {
return null;
}
const rotate = () => {
setLoading(true);
2021-09-12 21:56:47 +00:00
clearFlashes(undefined);
2019-07-27 22:17:50 +00:00
rotateDatabasePassword(server.uuid, databaseId)
.then(database => onUpdate(database))
.catch(error => {
console.error(error);
addFlash({
type: 'error',
title: 'Error',
message: httpErrorToHuman(error),
key: 'database-connection-modal',
});
})
.then(() => setLoading(false));
};
return (
2020-07-05 00:15:49 +00:00
<Button isSecondary color={'primary'} css={tw`mr-2`} onClick={rotate} isLoading={loading}>
2019-07-27 22:17:50 +00:00
Rotate Password
</Button>
);
};