put the add connector button below
@@ -7,6 +7,7 @@ import { setSuccessNotificationAction } from "actions/notification";
import copy from "copy-to-clipboard";
import arrayMutators from "final-form-arrays";
import { FormDataPreview } from "forms/Final/util";
+import { trimAndToLowerParse } from "forms/normalizer";
import { Connectors } from "forms/SSOConfig/Connectors";
import React from "react";
import { Field, Form, FormRenderProps, FormSpy, FormSpyRenderProps } from "react-final-form";
@@ -28,7 +29,6 @@ import { KMLink } from "widgets/Link";
import { Prompt } from "widgets/Prompt";
import { FinalTextField } from "../Final/textfield";
import { ValidateHost } from "../validator";
-import { trimAndToLowerParse } from "forms/normalizer";
const styles = (theme: Theme) =>
createStyles({
@@ -151,10 +151,9 @@ class SSOConfigFormRaw extends React.PureComponent<Props> {
/>
<Box mt={2}>
- <KPanel
- title="Setup Identity Provider Connectors"
- content={
+ <KPanel title="Setup Identity Provider Connectors">
<Box p={2}>
+ <Connectors />
<FormSpy subscription={{ values: true }}>
{({ values, form: { change } }: FormSpyRenderProps<SSOConfig>) => {
return (
@@ -186,19 +185,13 @@ class SSOConfigFormRaw extends React.PureComponent<Props> {
</FormSpy>
<Box pt={2} className={classes.inlineHelperText}>
No connector you are looking for? Fire an{" "}
- <KMLink
- href="https://github.com/kalmhq/kalm/issues/new"
- rel="noopener noreferrer"
- target="_blank"
- >
+ <KMLink href="https://github.com/kalmhq/kalm/issues/new" rel="noopener noreferrer" target="_blank">
issue
</KMLink>{" "}
on kalm github. Also, pull request is well welcomed.
</Box>
- <Connectors />
</Box>
- }
- />
+ </KPanel>
</Box>
{/* {error && submitFailed ? (
