All files / react-app/src/components/Profile/GroupAndDivision index.tsx

100% Statements 3/3
100% Branches 4/4
100% Functions 1/1
100% Lines 3/3

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                    93x 5x 2x                                        
import { UserRole } from "shared-types/events/legacy-user";
 
import { CardWithTopBorder } from "@/components/Cards";
 
type GroupAndDivisionProps = {
  division: string;
  group: string;
  role: UserRole;
};
 
export const GroupAndDivision = ({ division, group, role }: GroupAndDivisionProps) => {
  if (role === "defaultcmsuser" || role === "systemadmin") {
    return null;
  }
 
  return (
    <div>
      <h2 className="text-2xl font-bold">Group & Division</h2>
      <CardWithTopBorder className="my-0">
        <div className="p-8 flex gap-x-1 items-center">
          <h3 className="text-xl font-bold">Group:</h3>
          <p>{group}</p>
        </div>
 
        <div className="p-8 flex gap-x-1 items-center">
          <h3 className="text-xl font-bold">Division:</h3>
          <p>{division}</p>
        </div>
      </CardWithTopBorder>
    </div>
  );
};