admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Refactor_Expenses #321

Merged
pramod.mahajan merged 249 commits from Refactor_Expenses into hotfix/MasterActivity 2025-08-01 13:14:59 +00:00
Conversation 0 Commits 249 Files Changed 74 +3 -11
1 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1d93ee104f - Show all commits

14
src/components/Expenses/ExpenseSkeleton.jsx
View File

@ -137,16 +137,14 @@ const SkeletonCell = ({ width = "100%", height = 20, className = "", style = {}
export const ExpenseTableSkeleton = ({ groups = 3, rowsPerGroup = 3 }) => { export const ExpenseTableSkeleton = ({ groups = 3, rowsPerGroup = 3 }) => {
return ( return (
<table <div className="card px-2">
<table
className="card-body table border-top dataTable no-footer dtr-column text-nowrap" className="card-body table border-top dataTable no-footer dtr-column text-nowrap"
aria-describedby="DataTables_Table_0_info" aria-describedby="DataTables_Table_0_info"
id="horizontal-example" id="horizontal-example"
> >
<thead> <thead>
<tr> <tr>
<th colSpan={2}>
<div className="text-start ms-6">Date Time</div>
</th>
<th className="d-none d-sm-table-cell"> <th className="d-none d-sm-table-cell">
<div className="text-start ms-5">Expense Type</div> <div className="text-start ms-5">Expense Type</div>
</th> </th>
@ -173,13 +171,6 @@ export const ExpenseTableSkeleton = ({ groups = 3, rowsPerGroup = 3 }) => {
{/* Rows under this group */} {/* Rows under this group */}
{[...Array(rowsPerGroup)].map((__, rowIdx) => ( {[...Array(rowsPerGroup)].map((__, rowIdx) => (
<tr key={`row-${groupIdx}-${rowIdx}`} className={rowIdx % 2 === 0 ? "odd" : "even"}> <tr key={`row-${groupIdx}-${rowIdx}`} className={rowIdx % 2 === 0 ? "odd" : "even"}>
{/* Date Time colSpan=2 */}
<td colSpan={2} className="sorting_1">
<div className="d-flex justify-content-start align-items-center user-name ms-6">
<SkeletonCell width="120px" height={18} />
</div>
</td>
{/* Expense Type */} {/* Expense Type */}
<td className="text-start d-none d-sm-table-cell ms-5"> <td className="text-start d-none d-sm-table-cell ms-5">
<SkeletonCell width="90px" height={16} /> <SkeletonCell width="90px" height={16} />
@ -228,5 +219,6 @@ export const ExpenseTableSkeleton = ({ groups = 3, rowsPerGroup = 3 }) => {
))} ))}
</tbody> </tbody>
</table> </table>
</div>
); );
}; };