Allow delete for disabled auth provider

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/idSource/detail/deleteConfig.tsx

@@ -15,6 +15,7 @@ export const DeleteConfig = (props: {
   id: string,
   allowDelete?: boolean,
   allowDisable?: boolean,
+  isLastEnabledConfig?: boolean,
 }) => {
   const [disableLoading, setDisableLoading] = useState(false);
   const [deleteLoading, setDeleteLoading] = useState(false);
@@ -50,12 +51,22 @@ export const DeleteConfig = (props: {
         type="warning"
         showIcon
       />
+      {props.isLastEnabledConfig && (
+        <Alert
+          className="danger-tip"
+          description={trans("idSource.lastEnabledConfig")}
+          type="warning"
+          showIcon
+        />
+      )}
       <Flex gap={8}>
-        <Button danger disabled={props.allowDisable} loading={disableLoading}  onClick={() => handleDelete()}>
-          {trans("idSource.disable")}
-        </Button>
+        {props.allowDisable && (
+          <Button danger disabled={props.isLastEnabledConfig} loading={disableLoading}  onClick={() => handleDelete()}>
+            {trans("idSource.disable")}
+          </Button>
+        )}
         {props.allowDelete && (
-          <Button type="primary" danger disabled={props.allowDisable} loading={deleteLoading} onClick={() => handleDelete(true)}>
+          <Button type="primary" danger disabled={props.isLastEnabledConfig} loading={deleteLoading} onClick={() => handleDelete(true)}>
             {trans("delete")}
           </Button>
         )}

client/packages/lowcoder/src/pages/setting/idSource/detail/index.tsx

@@ -324,16 +324,15 @@ export const IdSourceDetail = (props: IdSourceDetailProps) => {
             <Manual type={configDetail.authType} />
           </>
         )}
-        {configDetail.enable && (
-          <>
-            <Divider />
-            <DeleteConfig
-              id={configDetail.id}
-              allowDelete={configDetail.authType !== AuthType.Form}
-              allowDisable={!Boolean(totalEnabledConfigs)}
-            />
-          </>
-        )}
+        <>
+          <Divider />
+          <DeleteConfig
+            id={configDetail.id}
+            allowDelete={configDetail.authType !== AuthType.Form}
+            allowDisable={configDetail.enable}
+            isLastEnabledConfig={totalEnabledConfigs === 1 && configDetail.enable}
+          />
+        </>
       </Content>
     </DetailContainer>
   );

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

@@ -262,7 +262,6 @@ export const DeleteWrapper = styled.div`
     padding: 8px 16px;
     margin: 5px 0 12px 0;
     border-radius: 4px;
-    display: inline-flex;
     align-items: center;
 
     svg {