adam/seahaven-ap
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/seahaven-ap.git synced 2026-10-02 06:13:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): add invoice grid lines and bold headers

Browse source 
Refs: AP-44
This commit is contained in:
Adam Moussa 2026-08-11 15:20:30 -04:00
parent 056239d186
commit 8b75835310
No known key found for this signature in database
1 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/MockDataGrid.tsx
View file

@ -6,6 +6,7 @@ type MockDataGridProps<R extends GridValidRowModel> = DataGridProps<R> & {
export function MockDataGrid<R extends GridValidRowModel>({
"data-testid": testId,
sx,
...props
}: MockDataGridProps<R>) {
return (
@ -19,11 +20,24 @@ export function MockDataGrid<R extends GridValidRowModel>({
pagination: { paginationModel: { pageSize: 10, page: 0 } },
}}
getRowId={(row) => row.id as string}
sx={{
border: 1,
borderColor: "divider",
backgroundColor: "background.paper",
}}
sx={[
{
border: 1,
borderColor: "divider",
backgroundColor: "background.paper",
"& .MuiDataGrid-columnHeaderTitle": {
fontWeight: 700,
},
"& .MuiDataGrid-cell": {
borderBottom: "1px solid",
borderColor: "divider",
},
"& .MuiDataGrid-row:last-of-type .MuiDataGrid-cell": {
borderBottom: "none",
},
},
...(Array.isArray(sx) ? sx : sx ? [sx] : []),
]}
{...props}
/>
</div>