chore(ui): update data examples, rm roles

Author: kahboom

src/app/Trust/Certificates/CertificatesPage.tsx

@@ -327,12 +327,6 @@ const CertificatesPage = ({ certificates, columns }: ICertificatesPageProps) =>
                   <Td dataLabel={columns[6]} isActionCell>
                     <ActionsColumn
                       items={[
-                        {
-                          title: 'View Details',
-                          onClick: () => {
-                            console.log('View Details button clicked');
-                          },
-                        },
                         {
                           title: 'Copy Fingerprint',
                           onClick: () => {

src/app/Trust/Overview/TrustOverview.tsx

@@ -168,10 +168,6 @@ const TrustOverview = () => {
                 A new <a href="#">signing certificate</a> was detected or added.
               </DescriptionListDescription>
             </DescriptionListGroup>
-            <DescriptionListGroup>
-              <DescriptionListTerm icon={<PencilAltIcon />}>Signature verification</DescriptionListTerm>
-              <DescriptionListDescription>Metadata or targets with invalid signatures</DescriptionListDescription>
-            </DescriptionListGroup>
           </DescriptionList>
         </Content>
       </CardBody>

src/app/Trust/TrustRoots/TrustRoots.data.tsx

@@ -36,7 +36,6 @@ export const exampleTrustRoot = {
   name: 'Sigstore Default Trust Root',
   source: 'https://tuf-repo.sigstore.dev/',
   lastUpdated: '2025-06-09T08:43:00Z',
-  policyUrl: 'https://tuf-repo.sigstore.dev/trust-policy.yaml',
   type: 'tuf', // could later support other types
 
   certificates: [
@@ -54,38 +53,38 @@ export const exampleTrustRoot = {
       status: 'valid',
       fingerprint: '11:22:33:44:55:66:77:88:99:AA:BB:CC:DD:EE:FF:00:11:22:33:44',
     },
-    {
-      subject: 'CN=TUF Root Signer',
-      issuer: 'Self-signed',
-      type: 'TUF',
-      role: 'root',
-      status: 'valid',
-      version: 5,
-      fingerprint: 'AA:AA:AA:AA:BB:BB:BB:BB:CC:CC:CC:CC:DD:DD:DD:DD:EE:EE:EE:EE',
-    },
+    // {
+    //   subject: 'CN=TUF Root Signer',
+    //   issuer: 'Self-signed',
+    //   type: 'TUF',
+    //   role: 'root',
+    //   status: 'valid',
+    //   version: 5,
+    //   fingerprint: 'AA:AA:AA:AA:BB:BB:BB:BB:CC:CC:CC:CC:DD:DD:DD:DD:EE:EE:EE:EE',
+    // },
   ],
 
   tufMetadata: [
     {
-      role: 'root',
+      // role: 'root',
       version: 5,
       expires: '2025-12-01T00:00:00Z',
       status: 'valid',
     },
     {
-      role: 'targets',
+      // role: 'targets',
       version: 3,
       expires: '2025-08-15T00:00:00Z',
       status: 'valid',
     },
     {
-      role: 'snapshot',
+      // role: 'snapshot',
       version: 3,
       expires: '2025-06-20T00:00:00Z',
       status: 'expiring',
     },
     {
-      role: 'timestamp',
+      // role: 'timestamp',
       version: 12,
       expires: '2025-06-10T08:00:00Z',
       status: 'expiring',

src/app/Trust/TrustRoots/components/TrustRootsDataList.tsx

@@ -21,28 +21,16 @@ import {
   Flex,
   FlexItem,
   Icon,
-  Label,
   MenuToggle,
   MenuToggleElement,
-  Progress,
-  ProgressSize,
 } from '@patternfly/react-core';
 // import { rows } from '../TrustRoots.data';
 
 import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
-import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
-import PendingIcon from '@patternfly/react-icons/dist/esm/icons/pending-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
-import {
-  MinusIcon,
-  CalendarAltIcon,
-  ClockIcon,
-  FileAltIcon,
-  RunningIcon,
-  EllipsisVIcon,
-} from '@patternfly/react-icons';
+import { MinusIcon, CalendarAltIcon, FileAltIcon, EllipsisVIcon } from '@patternfly/react-icons';
 import { TrustRootsDrawerContent } from './TrustRootsDrawerContent';
 import { exampleTrustRoot } from '../TrustRoots.data';
 
@@ -51,10 +39,9 @@ const TrustRootsDataList = () => {
   const [isDrawerExpanded, setIsDrawerExpanded] = useState(false);
   const drawerRef = useRef<HTMLDivElement>(undefined);
 
-  const getRow = (id: string, lastStatus: 'success' | 'error' | null, isRunning: boolean, isDisabled: boolean) => {
+  const getRow = (id: string, lastStatus: 'success' | 'error' | null, isRunning: boolean) => {
     let mainIcon;
     let lastStatusComponent;
-    let currentStatus;
 
     if (lastStatus === 'success') {
       mainIcon = (
@@ -86,13 +73,6 @@ const TrustRootsDataList = () => {
               </FlexItem>
             </Flex>
           </FlexItem>
-          <FlexItem>
-            <Flex spaceItems={{ default: 'spaceItemsSm' }}>
-              <FlexItem>
-                <ClockIcon /> 5 minutes
-              </FlexItem>
-            </Flex>
-          </FlexItem>
           <FlexItem>
             <Flex spaceItems={{ default: 'spaceItemsSm' }}>
               <FlexItem>
@@ -104,29 +84,6 @@ const TrustRootsDataList = () => {
       );
     }
 
-    if (isRunning) {
-      mainIcon = (
-        <Icon size="xl" status="info">
-          <InProgressIcon />
-        </Icon>
-      );
-    }
-    if (isRunning) {
-      currentStatus = <Progress title="Time remaining: 2 hours" value={33} size={ProgressSize.sm} />;
-    } else {
-      currentStatus = (
-        <Flex spaceItems={{ default: 'spaceItemsSm' }}>
-          <FlexItem>
-            <PendingIcon /> Scheduled
-          </FlexItem>
-        </Flex>
-      );
-    }
-
-    if (isDisabled) {
-      currentStatus = <Label color="orange">Disabled</Label>;
-    }
-
     return (
       <DataListItem id={id} aria-labelledby="Demo-item1">
         <DataListItemRow>
@@ -169,14 +126,6 @@ const TrustRootsDataList = () => {
               <DataListCell key="status" alignRight>
                 {lastStatusComponent}
               </DataListCell>,
-              <DataListCell key="progress" alignRight>
-                <Flex direction={{ default: 'column' }}>
-                  <FlexItem>
-                    <RunningIcon /> Every 5 hours
-                  </FlexItem>
-                  <FlexItem>{currentStatus}</FlexItem>
-                </Flex>
-              </DataListCell>,
             ]}
           />
           {action}
@@ -204,8 +153,7 @@ const TrustRootsDataList = () => {
         onOpenChange={() => {}}
       >
         <DropdownList>
-          <DropdownItem>Action1</DropdownItem>
-          <DropdownItem>Action2</DropdownItem>
+          <DropdownItem>Refresh</DropdownItem>
         </DropdownList>
       </Dropdown>
     </DataListAction>
@@ -255,11 +203,11 @@ const TrustRootsDataList = () => {
                 setIsDrawerExpanded(true);
               }}
             >
-              {getRow('row-1', null, false, false)}
-              {getRow('row-2', null, true, false)}
-              {getRow('row-3', 'success', false, false)}
-              {getRow('row-4', 'error', false, false)}
-              {getRow('row-5', null, false, true)}
+              {getRow('row-1', null, false)}
+              {getRow('row-2', null, true)}
+              {getRow('row-3', 'success', false)}
+              {getRow('row-4', 'error', false)}
+              {getRow('row-5', null, false)}
             </DataList>
           </DrawerContentBody>
         </DrawerContent>

src/app/Trust/TrustRoots/components/TrustRootsDrawerContent.tsx

@@ -31,7 +31,6 @@ const TrustRootsDrawerContent = () => {
           <Table variant="compact">
             <Thead>
               <Tr>
-                <Th>Role</Th>
                 <Th>Version</Th>
                 <Th>Expires</Th>
                 <Th>Status</Th>
@@ -40,7 +39,6 @@ const TrustRootsDrawerContent = () => {
             <Tbody>
               {exampleTrustRoot.tufMetadata.map((metadata, idx) => (
                 <Tr key={idx}>
-                  <Td>{capitalizeFirstLetter(metadata.role)}</Td>
                   <Td>{metadata.version}</Td>
                   <Td>{formatDate(metadata.expires)}</Td>
                   <Td>
@@ -73,7 +71,6 @@ const TrustRootsDrawerContent = () => {
                 <Th>Subject</Th>
                 <Th>Issuer</Th>
                 <Th>Type</Th>
-                <Th>Role</Th>
                 <Th>Status</Th>
               </Tr>
             </Thead>
@@ -83,7 +80,6 @@ const TrustRootsDrawerContent = () => {
                   <Td>{cert.subject}</Td>
                   <Td>{cert.issuer}</Td>
                   <Td>{cert.type}</Td>
-                  <Td>{cert.role ? capitalizeFirstLetter(cert.role) : null}</Td>
                   <Td>
                     <Flex spaceItems={{ default: 'spaceItemsSm' }}>
                       <FlexItem>
@@ -127,14 +123,6 @@ const TrustRootsDrawerContent = () => {
                   <a href="#">{exampleTrustRoot.source}</a>
                 </DescriptionListDescription>
               </DescriptionListGroup>
-              <DescriptionListGroup>
-                <DescriptionListTermHelpText>
-                  <Popover headerContent={<div>Policy URL</div>} bodyContent={<div>Additional info</div>}>
-                    <DescriptionListTermHelpTextButton> Policy URL </DescriptionListTermHelpTextButton>
-                  </Popover>
-                </DescriptionListTermHelpText>
-                <DescriptionListDescription>{exampleTrustRoot.policyUrl}</DescriptionListDescription>
-              </DescriptionListGroup>
               <DescriptionListGroup>
                 <DescriptionListTermHelpText>
                   <Popover headerContent={<div>Last Updated</div>} bodyContent={<div>Additional info</div>}>

stories/Trust/Certificates.stories.tsx

@@ -32,20 +32,6 @@ MIIBszCCAVugAwIBAgIUWY1QrUe7GpU4... (truncated)
         type: 'Fulcio',
         status: 'valid',
       },
-      {
-        subject: 'CN=TUF Root Signing Key,O=Trusted Foundations',
-        pem: `-----BEGIN CERTIFICATE-----
-MIICkzCCAfugAwIBAgIUQw9X3lNwJzZL... (truncated)
------END CERTIFICATE-----`,
-        issuer: 'Self-signed',
-        validFrom: '2022-07-01T00:00:00Z',
-        validTo: '2032-07-01T00:00:00Z',
-        fingerprint: 'AB:CD:EF:12:34:56:78:90:00:00:11:22:33:44:55:66:77:88:99:AA',
-        type: 'TUF',
-        role: 'root',
-        version: 4,
-        status: 'valid',
-      },
       {
         subject: 'CN=Test Cert Expiring Soon,O=Example Org',
         issuer: 'CN=Example CA',
@@ -76,19 +62,6 @@ MIIDeTCCAmGgAwIBAgIUEj0+4xFe7r... (truncated)
         type: 'Fulcio',
         status: 'valid',
       },
-      {
-        name: 'TUF Root v5',
-        subject: 'CN=TUF Root Signing Key,O=RHTAS',
-        issuer: 'Self-signed',
-        validFrom: '2023-01-01T00:00:00Z',
-        validTo: '2026-01-01T00:00:00Z',
-        fingerprint: '12:34:56:78:9A:BC:DE:F0:12:34:56:78:9A:BC:DE:F0:12:34:56:78',
-        pem: '-----BEGIN CERTIFICATE-----\n...\n-----END CERTIFICATE-----',
-        type: 'TUF',
-        role: 'root',
-        version: 5,
-        status: 'valid',
-      },
       {
         name: 'Fulcio Production CA',
         subject: 'CN=Fulcio Root CA,O=Sigstore',
@@ -100,6 +73,6 @@ MIIDeTCCAmGgAwIBAgIUEj0+4xFe7r... (truncated)
         status: 'valid',
       },
     ],
-    columns: ['Subject', 'Issuer', 'Type', 'Role', 'Status', 'Version'],
+    columns: ['Subject', 'Issuer', 'Type', 'Status', 'Version'],
   },
 };