CFE-26 correct Call Tab label

This commit is contained in:
2023-10-21 10:58:43 +03:30
parent d430b814b6
commit b3b2a064d3

View File

@@ -2,7 +2,7 @@ import {IconButton, Stack, Zoom} from "@mui/material";
import CloseIcon from '@mui/icons-material/Close';
import useAnswers from "@/lib/callWidget/hooks/useAnswers";
import CallTabDetails
from "@/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/callTabsList/CallTabDetails";
from "@/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabsList/CallTabDetails";
const CallTabLabel = ({tab, index}) => {
const {closeAnswerTab, activeTab} = useAnswers()
@@ -11,16 +11,16 @@ const CallTabLabel = ({tab, index}) => {
};
return (
<Stack sx={{
<Stack sx = {{
width: '100%',
px: 1,
borderRight: activeTab === index ? 0 : activeTab - 1 === index ? 0 : 1,
borderRightColor: 'divider'
}} direction={'row'} alignItems={'center'} justifyContent={'space-between'}>
<CallTabDetails tab={tab}/>
<Zoom in={tab.active}>
<IconButton size="small" onClick={() => handleCloseClick(tab.id)}>
<CloseIcon fontSize="small"/>
}} direction = {'row'} alignItems = {'center'} justifyContent = {'space-between'}>
<CallTabDetails tab = {tab}/>
<Zoom in = {tab.active}>
<IconButton size = "small" onClick = {() => handleCloseClick(tab.id)}>
<CloseIcon fontSize = "small"/>
</IconButton>
</Zoom>
</Stack>