refactor(web): remove typescript

2024-02-27 15:23:23 +00:00
parent 636870a075
commit b3ae2d2748
337 changed files with 2067 additions and 4997 deletions
--- a/packages/web/src/components/AdminApplicationSettings/index.jsx
+++ b/packages/web/src/components/AdminApplicationSettings/index.jsx
@@ -0,0 +1,112 @@
+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 { 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 = useEnqueueSnackbar();
+  const handleSubmit = async (values) => {
+    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',
+        SnackbarProps: {
+          'data-test': 'snackbar-save-admin-apps-settings-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;