brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

can now pass the function that gives subtitle as well

Browse source
This commit is contained in:
Carter 2025-02-26 11:10:26 -06:00
parent d66dc68495
commit 3d8cfc5125
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/common/ResponsiveTable.tsx
View file

@ -71,7 +71,7 @@ interface Props<T> {
rows: T[], rows: T[],
columns?: Column<T>[] | (() => Column<T>[]), columns?: Column<T>[] | (() => Column<T>[]),
title?: string | JSX.Element; title?: string | JSX.Element;
subtitle?: string | JSX.Element; subtitle?: string | JSX.Element | (() => string | JSX.Element);
total: number, total: number,
pageSize: number, pageSize: number,
page: number, page: number,
@ -98,7 +98,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
setPage, setPage,
handleRowsPerPageChange, handleRowsPerPageChange,
title, title,
subtitle, // subtitle,
renderGutter, renderGutter,
setSearchText, setSearchText,
isLoading, isLoading,
@ -113,6 +113,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
} = props } = props
const classes = useStyles(); const classes = useStyles();
const columns = typeof(props.columns) === "function" ? props.columns() : props.columns const columns = typeof(props.columns) === "function" ? props.columns() : props.columns
const subtitle = typeof(props.subtitle) === "function" ? props.subtitle() : props.subtitle
const isMobile = useMobile() const isMobile = useMobile()

2
src/pages/Devices.tsx
View file

@ -452,7 +452,7 @@ export default function Devices() {
<DevicesSummary setSearch={setSearch} /> <DevicesSummary setSearch={setSearch} />
<ResponsiveTable<Device> <ResponsiveTable<Device>
title={<SmartBreadcrumb prependPaths={getGroup() && ["groups", getGroup().id().toString()]} groupName={getGroup() && getGroup().name()} paddingBottom={1}/>} title={<SmartBreadcrumb prependPaths={getGroup() && ["groups", getGroup().id().toString()]} groupName={getGroup() && getGroup().name()} paddingBottom={1}/>}
subtitle={subtitle()} subtitle={subtitle}
rows={devices} rows={devices}
renderGutter={ isMobile ? gutter : undefined } renderGutter={ isMobile ? gutter : undefined }
columns={columns} columns={columns}