ICSHWI-10848: Records page and table

src/components/IOC/IOCLiveStatus.js

@@ -4,6 +4,7 @@ import { SimpleAccordion } from "../common/Accordion/SimpleAccordion";
 import { IOCDetails } from "./IOCDetails";
 import { Link } from 'react-router-dom';
 import { LokiContainer } from "../common/Loki/LokiContainer";
+import { RecordContainer } from "../records/RecordContainer";
 import GitRefLink from "./GitRefLink";
 import AlertMessages from "./AlertMessages";
 import AccessControl from '../../components/auth/AccessControl';
@@ -61,12 +62,15 @@ export function IOCLiveStatus({ ioc }) {
     <>
       <IOCDetails ioc={liveIOC} getSubset={getSubset} alert={<AlertMessages alerts={liveIOC.alerts} />} />
       {(liveIOC.activeDeployment?.host?.csEntryIdValid) &&
-        <AccessControl allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
-          renderNoAccess={() => <></>}>
-          <SimpleAccordion summary="ProcServLog info" defaultExpanded>
-            <LokiContainer csEntryId={liveIOC.activeDeployment?.host.csEntryId} iocName={ioc.namingName} isDeployed={isIocDeployed(ioc)} />
-          </SimpleAccordion>
-        </AccessControl>
+          <AccessControl allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]}
+            renderNoAccess={() => <></>}>
+            <SimpleAccordion summary="ProcServLog info" defaultExpanded>
+              <LokiContainer csEntryId={liveIOC.activeDeployment?.host.csEntryId} iocName={ioc.namingName} isDeployed={isIocDeployed(ioc)} />
+            </SimpleAccordion>
+            <SimpleAccordion summary="Records">
+              <RecordContainer iocName={ioc.namingName} />
+            </SimpleAccordion>
+          </AccessControl>
       }
     </>
   );