Minor: fixed connection modal style (#18860)

* Minor: fixed connection modal style

* addressing comment
This commit is contained in:
Shailesh Parmar 2024-12-02 19:24:25 +05:30 committed by GitHub
parent a72b293bda
commit f3f2efe3d5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 25 additions and 22 deletions

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { Button, Modal, Typography } from 'antd';
import { Button, Col, Modal, Row, Typography } from 'antd';
import { ColumnType } from 'antd/lib/table';
import { ExpandableConfig } from 'antd/lib/table/interface';
import { startCase } from 'lodash';
@ -87,26 +87,30 @@ function IngestionRunDetailsModal({
const expandable: ExpandableConfig<StepSummary> = useMemo(
() => ({
expandedRowRender: (record) => {
return (
record.failures?.map((failure) => (
<ConnectionStepCard
isTestingConnection={false}
key={failure.name}
testConnectionStep={{
name: failure.name,
mandatory: false,
description: failure.error,
}}
testConnectionStepResult={{
name: failure.name,
passed: false,
mandatory: false,
message: failure.error,
errorLog: failure.stackTrace,
}}
/>
)) ?? []
);
return record.failures ? (
<Row gutter={[16, 16]}>
{record.failures.map((failure) => (
<Col key={failure.name} span={24}>
<ConnectionStepCard
isTestingConnection={false}
key={failure.name}
testConnectionStep={{
name: failure.name,
mandatory: false,
description: failure.error,
}}
testConnectionStepResult={{
name: failure.name,
passed: false,
mandatory: false,
message: failure.error,
errorLog: failure.stackTrace,
}}
/>
</Col>
))}
</Row>
) : undefined;
},
indentSize: 0,
expandIcon: () => null,

View File

@ -24,7 +24,6 @@
box-sizing: border-box;
border: 1px solid @border-color;
border-radius: 4px;
margin-top: 16px;
&.success {
border-color: #28a7454d;
}