124 lines
3.5 KiB
TypeScript
124 lines
3.5 KiB
TypeScript
import { useMemo } from 'react';
|
|
import useAppConfig from 'hooks/useAppConfig.ee';
|
|
import useFormatMessage from 'hooks/useFormatMessage';
|
|
import Divider from '@mui/material/Divider';
|
|
import Paper from '@mui/material/Paper';
|
|
import Stack from '@mui/material/Stack';
|
|
import LoadingButton from '@mui/lab/LoadingButton';
|
|
import { useMutation } from '@apollo/client';
|
|
import { useSnackbar } from 'notistack';
|
|
|
|
import { CREATE_APP_CONFIG } from 'graphql/mutations/create-app-config';
|
|
import { UPDATE_APP_CONFIG } from 'graphql/mutations/update-app-config';
|
|
|
|
import Form from 'components/Form';
|
|
import { Switch } from './style';
|
|
|
|
type AdminApplicationSettingsProps = {
|
|
appKey: string;
|
|
};
|
|
|
|
function AdminApplicationSettings(
|
|
props: AdminApplicationSettingsProps
|
|
): React.ReactElement {
|
|
const { appConfig, loading } = useAppConfig(props.appKey);
|
|
const [createAppConfig, { loading: loadingCreateAppConfig }] = useMutation(
|
|
CREATE_APP_CONFIG,
|
|
{
|
|
refetchQueries: ['GetAppConfig'],
|
|
}
|
|
);
|
|
const [updateAppConfig, { loading: loadingUpdateAppConfig }] = useMutation(
|
|
UPDATE_APP_CONFIG,
|
|
{
|
|
refetchQueries: ['GetAppConfig'],
|
|
}
|
|
);
|
|
|
|
const formatMessage = useFormatMessage();
|
|
const { enqueueSnackbar } = useSnackbar();
|
|
|
|
const handleSubmit = async (values: any) => {
|
|
try {
|
|
if (!appConfig) {
|
|
await createAppConfig({
|
|
variables: {
|
|
input: { key: props.appKey, ...values },
|
|
},
|
|
});
|
|
} else {
|
|
await updateAppConfig({
|
|
variables: {
|
|
input: { id: appConfig.id, ...values },
|
|
},
|
|
});
|
|
}
|
|
enqueueSnackbar(formatMessage('adminAppsSettings.successfullySaved'), {
|
|
variant: 'success',
|
|
});
|
|
} catch (error) {
|
|
throw new Error('Failed while saving!');
|
|
}
|
|
};
|
|
|
|
const defaultValues = useMemo(
|
|
() => ({
|
|
allowCustomConnection: appConfig?.allowCustomConnection || false,
|
|
shared: appConfig?.shared || false,
|
|
disabled: appConfig?.disabled || false,
|
|
}),
|
|
[appConfig]
|
|
);
|
|
|
|
return (
|
|
<Form
|
|
defaultValues={defaultValues}
|
|
onSubmit={handleSubmit}
|
|
render={({ formState: { isDirty } }) => (
|
|
<Paper sx={{ p: 2, mt: 4 }}>
|
|
<Stack spacing={2} direction="column">
|
|
<Switch
|
|
name="allowCustomConnection"
|
|
label={formatMessage('adminAppsSettings.allowCustomConnection')}
|
|
FormControlLabelProps={{
|
|
labelPlacement: 'start',
|
|
}}
|
|
/>
|
|
<Divider />
|
|
<Switch
|
|
name="shared"
|
|
label={formatMessage('adminAppsSettings.shared')}
|
|
FormControlLabelProps={{
|
|
labelPlacement: 'start',
|
|
}}
|
|
/>
|
|
<Divider />
|
|
<Switch
|
|
name="disabled"
|
|
label={formatMessage('adminAppsSettings.disabled')}
|
|
FormControlLabelProps={{
|
|
labelPlacement: 'start',
|
|
}}
|
|
/>
|
|
<Divider />
|
|
</Stack>
|
|
<Stack>
|
|
<LoadingButton
|
|
type="submit"
|
|
variant="contained"
|
|
color="primary"
|
|
sx={{ boxShadow: 2, mt: 5 }}
|
|
loading={loadingCreateAppConfig || loadingUpdateAppConfig}
|
|
disabled={!isDirty || loading}
|
|
>
|
|
{formatMessage('adminAppsSettings.save')}
|
|
</LoadingButton>
|
|
</Stack>
|
|
</Paper>
|
|
)}
|
|
></Form>
|
|
);
|
|
}
|
|
|
|
export default AdminApplicationSettings;
|