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

View File

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