chore: styled tab is updated to Tab from antd

This commit is contained in:
Palash gupta 2022-03-16 17:09:27 +05:30
parent 95d3a27769
commit c320c20280
No known key found for this signature in database
GPG Key ID: 8FD05AE6F9150AD6

View File

@ -1,5 +1,5 @@
import { Space, Tabs, Typography } from 'antd'; import { Space, Tabs, Typography } from 'antd';
import { StyledSpace, StyledTabs } from 'components/Styled'; import { StyledSpace } from 'components/Styled';
import useThemeMode from 'hooks/useThemeMode'; import useThemeMode from 'hooks/useThemeMode';
import React from 'react'; import React from 'react';
import { ITraceTree } from 'types/api/trace/getTraceItem'; import { ITraceTree } from 'types/api/trace/getTraceItem';
@ -42,10 +42,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps): JSX.Element => {
<CustomText>{name}</CustomText> <CustomText>{name}</CustomText>
</Space> </Space>
</StyledSpace> </StyledSpace>
<StyledTabs <Tabs defaultActiveKey="1">
styledclass={[styles.spanEventsTabsContainer]}
defaultActiveKey="1"
>
<TabPane tab="Tags" key="1"> <TabPane tab="Tags" key="1">
{tags.length !== 0 ? ( {tags.length !== 0 ? (
tags.map((tags) => { tags.map((tags) => {
@ -73,7 +70,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps): JSX.Element => {
<Typography>No events data in selected span</Typography> <Typography>No events data in selected span</Typography>
)} )}
</TabPane> </TabPane>
</StyledTabs> </Tabs>
</CardContainer> </CardContainer>
); );
}; };