Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | // src/components/RoleAwareTracker.tsx
import { useEffect, useState } from "react";
import { isCmsUser, isStateUser } from "shared-utils";
import PathTracker from "./PathTracker"; // adjust path if needed
type UserRole = "cms" | "state";
/**
* RoleAwareTracker
*
* 1) Reads the Cognito userData blob from Local Storage.
* 2) Extracts either "custom:cms-roles" or "custom:ismemberof".
* 3) Maps that attribute string into either "state" or "cms".
*/
export function RoleAwareTracker({ children }: { children: React.ReactNode }) {
const [userRole, setUserRole] = useState<UserRole | null>(null);
useEffect(() => {
// 1) Find the Local Storage key that contains "CognitoIdentityServiceProvider.*.userData"
const allKeys = Object.keys(localStorage);
const userDataKey = allKeys.find(
(k) => k.endsWith(".userData") && k.startsWith("CognitoIdentityServiceProvider."),
);
if (!userDataKey) {
// No userData in localStorage or not logged in yet.t.
return;
}
try {
if (isStateUser && !isCmsUser) {
setUserRole("state");
} else if (isCmsUser && !isStateUser) {
setUserRole("cms");
} else if (isStateUser && isCmsUser) {
// should never happen
setUserRole("cms");
} else {
setUserRole(null);
}
} catch (e) {
console.log("error obtaining user roles for path tracking", e);
// If parsing fails for or roles dont exist yet (initial page load before login)
setUserRole("state");
}
}, []);
return <PathTracker userRole={userRole}>{children}</PathTracker>;
}
|