CRM/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CFE-26 correct Call Tab label

Browse Source
This commit is contained in:
Amin Ghasempoor
2023-10-21 10:58:43 +03:30
parent d430b814b6
commit b3b2a064d3
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/CallTabs/CallTabsList/CallTabLabel.jsx
View File

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