128 lines
3.7 KiB
JavaScript
128 lines
3.7 KiB
JavaScript
import PropTypes from 'prop-types';
|
|
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 { 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';
|
|
import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar';
|
|
|
|
function AdminApplicationSettings(props) {
|
|
const formatMessage = useFormatMessage();
|
|
const enqueueSnackbar = useEnqueueSnackbar();
|
|
|
|
const { data: appConfig, isLoading: 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 handleSubmit = async (values) => {
|
|
try {
|
|
if (!appConfig?.data) {
|
|
await createAppConfig({
|
|
variables: {
|
|
input: { key: props.appKey, ...values },
|
|
},
|
|
});
|
|
} else {
|
|
await updateAppConfig({
|
|
variables: {
|
|
input: { id: appConfig.data.id, ...values },
|
|
},
|
|
});
|
|
}
|
|
|
|
enqueueSnackbar(formatMessage('adminAppsSettings.successfullySaved'), {
|
|
variant: 'success',
|
|
SnackbarProps: {
|
|
'data-test': 'snackbar-save-admin-apps-settings-success',
|
|
},
|
|
});
|
|
} catch (error) {
|
|
throw new Error('Failed while saving!');
|
|
}
|
|
};
|
|
|
|
const defaultValues = useMemo(
|
|
() => ({
|
|
allowCustomConnection: appConfig?.data?.allowCustomConnection || false,
|
|
shared: appConfig?.data?.shared || false,
|
|
disabled: appConfig?.data?.disabled || false,
|
|
}),
|
|
[appConfig?.data],
|
|
);
|
|
|
|
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>
|
|
);
|
|
}
|
|
|
|
AdminApplicationSettings.propTypes = {
|
|
appKey: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default AdminApplicationSettings;
|