<TableRow
key={applicationId}
rowData={{ applicationId, personId, studentName, applications,
attendancePatternCode, isChecked }}
// expandedRowContent={<ApplicantsDetailsExpansionPanel
applicantInfo={applications} />}
>
{/* <TableRow></TableRow> */}
{/* {showCheckBox && (
<TableCell component="th" scope="row" columnName={'checkBox'}>
<span>
<Checkbox
checked={checkIntermediate ? isChecked : checkAll}
id={`${customId}_CheckboxB_${index}`}
onChange={(e) => {
handleCheckBoxChange(e, index);
}}
value="isChecked"
inputProps={{
'aria-label': 'Checked B'
}}
/>
</span>
</TableCell>
)} */}
<TableCell component="th" scope="row" columnName={formatMessage({
id: 'Student-Id' })}>
<span>{personId}</span>
</TableCell>
<TableCell columnName={formatMessage({ id: 'Name' })}>
<span>
<TextLink tabIndex={0}>{studentName}</TextLink>
</span>
</TableCell>
<TableCell columnName={formatMessage({ id: 'Applications' })}
className={alignCell}>
<span>{applications ? applications.length : 0}</span>
</TableCell>
<TableCell columnName={formatMessage({ id: 'Applications' })}
className={attPattCol}>
{attendancePatternCode ? (
<TextLink
onClick={() => {
handleViewAp(attendancePatternCode, personId);
}}
onKeyPress={() => {
handleViewAp(attendancePatternCode, personId);
}}
>
{attendancePatternCode}
</TextLink>
) : (
<Typography>{formatMessage({ id: 'Not-Assigned'
})}</Typography>
)}
</TableCell>
<TableCell className={threeDot}>
<ActionMenuComponent
attendancePatternCode={attendancePatternCode}
handleAssignAp={handleAssignAp}
handleViewAp={handleViewAp}
personId={personId}
checked={showCheckBox}
canManageRecord={canManageRecord}
canViewRecord={canViewRecord}
/>
</TableCell>
</TableRow>
<div className={disbursement} key={index}>
<span
className={disbursementPercenatgeCol}>{value.disbursementPercentage}</span>
<span
className={disbursementCol}>{convertDateToLocaleString(value.disbursementDate)}</
span>
</div>
