feat: 9550 - Update to display office group id

packages/rc-service/src/components/error-boundary/__tests__/__snapshots__/index.test.tsx.snap

@@ -198,4 +198,4 @@ exports[`ErrorBoundary should match a snapshot when no error 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;

packages/rc-service/src/components/nav/__tests__/__snapshots__/index.test.tsx.snap

@@ -291,4 +291,4 @@ exports[`Nav should match a snapshot 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;

packages/rc-service/src/components/orgs/__tests__/__snapshots__/index.test.tsx.snap

@@ -673,4 +673,4 @@ exports[`OrgsPage should match a snapshot 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;

packages/rc-service/src/components/users/__styles__/index.ts

@@ -23,6 +23,6 @@ export const DisplayChip = styled.span`
   display: inline-block;
 `
 
-export const twoColTable = css`
-  grid-template-columns: repeat(2, 1fr);
+export const threeColTable = css`
+  grid-template-columns: repeat(3, 1fr);
 `

packages/rc-service/src/components/users/__tests__/__snapshots__/edit-user-groups.test.tsx.snap

@@ -145,4 +145,4 @@ exports[`UpdateUserModal should match a snapshot where there is data 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;

packages/rc-service/src/components/users/__tests__/__snapshots__/index.test.tsx.snap

@@ -127,4 +127,4 @@ exports[`UsersPage should match a snapshot 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;

packages/rc-service/src/components/users/user-content.tsx

@@ -19,7 +19,7 @@ import {
   elMb7,
   useModal,
 } from '@reapit/elements'
-import { DisplayChip, twoColTable } from './__styles__'
+import { DisplayChip, threeColTable } from './__styles__'
 import {
   GetActionNames,
   SendFunction,
@@ -307,12 +307,14 @@ export const UserContent: FC<UserContentProps> = ({ user, refreshUsers, userGrou
       {userInfo && shouldFetch.officeGroups && userInfo.officeGroupIds ? (
         <>
           <Table>
-            <TableHeadersRow className={twoColTable}>
+            <TableHeadersRow className={threeColTable}>
               <TableHeader>Group Name</TableHeader>
+              <TableHeader>Office Group Id</TableHeader>
               <TableHeader>Office Ids</TableHeader>
             </TableHeadersRow>
-            <TableRow className={twoColTable}>
+            <TableRow className={threeColTable}>
               <TableCell>{userInfo.officeGroupName}</TableCell>
+              <TableCell>{userInfo.officeGroupId}</TableCell>
               <TableCell>{userInfo.officeGroupIds}</TableCell>
             </TableRow>
           </Table>

packages/rc-service/src/core/__tests__/__snapshots__/private-route-wrapper.test.tsx.snap

@@ -93,4 +93,4 @@ exports[`PrivateRouter should match a snapshot 1`] = `
   "rerender": [Function],
   "unmount": [Function],
 }
-`;
+`;