OAuth: space separate scope for generic oath

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/controls/iconControl.tsx

@@ -208,7 +208,7 @@ type ChangeModeAction = {
   useCodeEditor: boolean;
 };
 
-function IconControlView(props: { value: string }) {
+export function IconControlView(props: { value: string }) {
   const { value } = props;
   const icon = useIcon(value);
   if (icon) {

client/packages/lowcoder/src/pages/setting/idSource/OAuthForms/GenericOAuthForm.tsx

@@ -120,7 +120,7 @@ function GenericOAuthForm(props: GenericOAuthFormProp) {
             tokenEndpoint: res.data.token_endpoint,
             userInfoEndpoint: res.data.userinfo_endpoint,
             jwksUri: res.data.jwks_uri,
-            scope: res.data.scopes_supported.join(','),
+            scope: res.data.scopes_supported.join(' '),
             sourceMappings: sourceMappingKeys.map(sourceKey => ({
               [sourceKey]: sourceKey,
             }))

client/packages/lowcoder/src/pages/setting/idSource/list.tsx

@@ -35,6 +35,7 @@ import { currentOrgAdmin } from "../../../util/permissionUtils";
 import CreateModal from "./createModal";
 import _ from "lodash";
 import { HelpText } from "components/HelpText";
+import { IconControlView } from "@lowcoder-ee/comps/controls/iconControl";
 
 export const IdSourceList = (props: any) => {
   const user = useSelector(getUser);
@@ -137,10 +138,12 @@ export const IdSourceList = (props: any) => {
             render={(value: AuthType, record: ConfigItem) => (
               <SpanStyled disabled={authTypeDisabled(value, enableEnterpriseLogin)}>
                 {
-                  <img
-                    src={ServerAuthTypeInfo[value as AuthType]?.logo || GeneralLoginIcon}
-                    alt={value}
-                  />
+                  (record as any).sourceIcon
+                    ? <span className="sourceIcon"><IconControlView value={(record as any).sourceIcon} /></span>
+                    : <img
+                      src={ServerAuthTypeInfo[value as AuthType]?.logo || GeneralLoginIcon}
+                      alt={value}
+                    />
                 }
                 <span>
                   {value === AuthType.Generic

client/packages/lowcoder/src/pages/setting/idSource/styledComponents.tsx

@@ -62,10 +62,11 @@ export const SpanStyled = styled.div<{ disabled: boolean }>`
   align-items: center;
   height: 100%;
 
-  img {
+  img, .sourceIcon {
     width: 25px;
     height: 25px;
     margin-right: 12px;
+    text-align: center;
     opacity: ${(props) => props.disabled && "0.4"};
   }