wcrisman/Tempest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added error boundary to the ByAsset page. Added useRef to the SimpleTable utility.

Browse Source
This commit is contained in:
DESKTOP-C9V2M01\Zeeri
2024-02-14 08:48:21 -08:00
parent 4d20bf73b7
commit 57fc5583f7
3 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
imports/ui/pages/Assignments/ByAsset.jsx
View File

@@ -30,6 +30,7 @@ import Tab from '@mui/material/Tab';
import TabContext from '@mui/lab/TabContext';
import TabList from '@mui/lab/TabList';
import TabPanel from '@mui/lab/TabPanel';
import {ErrorBoundary} from "react-error-boundary";
const cssTwoColumnContainer = {
display: 'grid',
@@ -174,30 +175,32 @@ const AssignmentsByAsset = () => {
return (
<>
<ul>
{data.map((next, i) => (
<li key={next._id}>
{next.person && (
<>
User: <Link to={"/assignments/byPerson"} state={{search: next.person.lastName, person: next.person}}>{next.person.firstName} {next.person.lastName} {next.person.grade ? "~ " + next.person.grade : ""} ({next.email})</Link><br/>
</>
)}
{!next.person && (
<>
User: N/A<br/>
</>
)}
{/*Device ID: <Link to={"/search?deviceId=" + encodeURIComponent(next.deviceId)}>{next.deviceId}</Link><br/>*/}
{/*{next.asset && (*/}
{/* <>Asset ID: <Link to={"/search?assetId=" + encodeURIComponent(next.asset.assetId)}>{next.asset.assetId}</Link><br/></>*/}
{/*)}*/}
{/*<>Asset Type: {next.assetType ? next.assetType.name : "Unknown"}<br/></>*/}
{/*Serial: <Link to={"/search?serial=" + encodeURIComponent(next.serial)}>{next.serial}</Link><br/>*/}
{new Date(next.startTime).toLocaleDateString("en-US") + "-" + new Date(next.endTime).toLocaleDateString("en-US") + " @ " + new Date(next.endTime).toLocaleTimeString("en-US")} ({Math.ceil(((next.endTime ? next.endTime : new Date().getTime()) - next.startTime) / (1000*60*60*24))} days)<br/>
{/*{next.assignedTo && (*/}
{/* <>Currently assigned to: {next.assignedTo.firstName} {next.assignedTo.lastName} {next.assignedTo.grade ? "~ " + next.assignedTo.grade : ""} ({next.assignedTo.email})</>*/}
{/*)}*/}
</li>
))}
<ErrorBoundary fallback={<li>Error</li>}>
{data && data.map && data.map((next, i) => (
<li key={next._id}>
{next.person && (
<>
User: <Link to={"/assignments/byPerson"} state={{search: next.person.lastName, person: next.person}}>{next.person.firstName} {next.person.lastName} {next.person.grade ? "~ " + next.person.grade : ""} ({next.email})</Link><br/>
</>
)}
{!next.person && (
<>
User: N/A<br/>
</>
)}
{/*Device ID: <Link to={"/search?deviceId=" + encodeURIComponent(next.deviceId)}>{next.deviceId}</Link><br/>*/}
{/*{next.asset && (*/}
{/* <>Asset ID: <Link to={"/search?assetId=" + encodeURIComponent(next.asset.assetId)}>{next.asset.assetId}</Link><br/></>*/}
{/*)}*/}
{/*<>Asset Type: {next.assetType ? next.assetType.name : "Unknown"}<br/></>*/}
{/*Serial: <Link to={"/search?serial=" + encodeURIComponent(next.serial)}>{next.serial}</Link><br/>*/}
{new Date(next.startTime).toLocaleDateString("en-US") + "-" + new Date(next.endTime).toLocaleDateString("en-US") + " @ " + new Date(next.endTime).toLocaleTimeString("en-US")} ({Math.ceil(((next.endTime ? next.endTime : new Date().getTime()) - next.startTime) / (1000*60*60*24))} days)<br/>
{/*{next.assignedTo && (*/}
{/* <>Currently assigned to: {next.assignedTo.firstName} {next.assignedTo.lastName} {next.assignedTo.grade ? "~ " + next.assignedTo.grade : ""} ({next.assignedTo.email})</>*/}
{/*)}*/}
</li>
))}
</ErrorBoundary>
</ul>
</>
)