11import  { 
2-   Button , 
32  Card , 
43  CardBody , 
54  CardHeader , 
@@ -12,16 +11,12 @@ import {
1211  Grid , 
1312  GridItem , 
1413  Icon , 
15-   List , 
16-   ListItem , 
1714  Title , 
1815  TitleSizes , 
1916}  from  '@patternfly/react-core' ; 
2017import  ExclamationTriangleIcon  from  '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon' ; 
21- import  RedhatIcon  from  '@patternfly/react-icons/dist/esm/icons/redhat-icon' ; 
2218import  { useAppContext }  from  '../App' ; 
2319import  { ChartCard }  from  './ChartCard' ; 
24- import  SecurityCheckIcon  from  '../images/security-check.svg' ; 
2520import  { getSourceName ,  getSources }  from  '../api/report' ; 
2621
2722export  const  SummaryCard  =  ( )  =>  { 
@@ -34,7 +29,8 @@ export const SummaryCard = () => {
3429        </ Icon >  Red Hat Overview of security Issues
3530      </ Title > 
3631      < Divider  /> 
37-       < GridItem  md = { 6 } > 
32+       { /*<GridItem md={6}>*/ } 
33+       < GridItem > 
3834        < Card  isFlat  isFullHeight > 
3935          < CardHeader > 
4036            < CardTitle > 
@@ -70,74 +66,74 @@ export const SummaryCard = () => {
7066          < Divider /> 
7167        </ Card > 
7268      </ GridItem > 
73-       < GridItem  md = { 6 } > 
74-         < Card  isFlat > 
75-           < DescriptionListGroup > 
76-             < CardTitle  component = "h4" > 
77-               < DescriptionListTerm  style = { { fontSize : "large" } } > 
78-                 < Icon  isInline  status = "info" > 
79-                   < RedhatIcon  style = { { fill : "#cc0000" } } /> 
80-                 </ Icon >  
81-                 Red Hat Remediations
82-               </ DescriptionListTerm > 
83-             </ CardTitle > 
84-             < CardBody > 
85-               < DescriptionListDescription > 
86-                 < List  isPlain > 
87-                   < ListItem > 
88-                     < Icon  isInline  status = "success" > 
89-                       < img  src = { SecurityCheckIcon }  alt = "Security Check Icon" /> 
90-                     </ Icon >  
91-                     10+ vulnerable packages
92-                   </ ListItem > 
93-                 </ List > 
94-               </ DescriptionListDescription > 
95-             </ CardBody > 
96-           </ DescriptionListGroup > 
97-         </ Card >  
98-         < Card  isFlat > 
99-           < DescriptionListGroup > 
100-             < CardTitle  component = "h4" > 
101-               < DescriptionListTerm  style = { { fontSize : "large" } } > 
102-                 Subscribe to stay updated
103-               </ DescriptionListTerm > 
104-             </ CardTitle > 
105-             < CardBody > 
106-               < DescriptionListDescription > 
107-                 < List  isPlain > 
108-                   < ListItem > 
109-                     Do you want to subscribe for Red Hat Trusted Content Service to keep your
110-                     projects risk profile updated?
111-                   </ ListItem > 
112-                   < ListItem > 
113-                     < Button  variant = "primary"  size = "sm" > 
114-                       Sign up
115-                     </ Button > 
116-                   </ ListItem > 
117-                 </ List > 
118-               </ DescriptionListDescription > 
119-             </ CardBody > 
120-           </ DescriptionListGroup > 
121-         </ Card >  
122-         < Card  isFlat > 
123-           < DescriptionListGroup > 
124-             < CardTitle  component = "h4" > 
125-               < DescriptionListTerm  style = { { fontSize : "large" } } > 
126-                 Licenses
127-               </ DescriptionListTerm > 
128-             </ CardTitle > 
129-             < CardBody > 
130-               < DescriptionListDescription > 
131-                 < List  isPlain > 
132-                   < ListItem > 
133-                     Some info here
134-                   </ ListItem > 
135-                 </ List > 
136-               </ DescriptionListDescription > 
137-             </ CardBody > 
138-           </ DescriptionListGroup > 
139-         </ Card > 
140-       </ GridItem > 
69+       { /* <GridItem md={6}>*/ } 
70+       { /*   <Card isFlat>*/ } 
71+       { /*     <DescriptionListGroup>*/ } 
72+       { /*       <CardTitle component="h4">*/ } 
73+       { /*         <DescriptionListTerm style={{fontSize: "large"}}>*/ } 
74+       { /*           <Icon isInline status="info">*/ } 
75+       { /*             <RedhatIcon style={{fill: "#cc0000"}}/>*/ } 
76+       { /*           </Icon> */ } 
77+       { /*           Red Hat Remediations*/ } 
78+       { /*         </DescriptionListTerm>*/ } 
79+       { /*       </CardTitle>*/ } 
80+       { /*       <CardBody>*/ } 
81+       { /*         <DescriptionListDescription>*/ } 
82+       { /*           <List isPlain>*/ } 
83+       { /*             <ListItem>*/ } 
84+       { /*               <Icon isInline status="success">*/ } 
85+       { /*                 <img src={SecurityCheckIcon} alt="Security Check Icon"/>*/ } 
86+       { /*               </Icon> */ } 
87+       { /*               10+ vulnerable packages*/ } 
88+       { /*             </ListItem>*/ } 
89+       { /*           </List>*/ } 
90+       { /*         </DescriptionListDescription>*/ } 
91+       { /*       </CardBody>*/ } 
92+       { /*     </DescriptionListGroup>*/ } 
93+       { /*   </Card> */ } 
94+       { /*   <Card isFlat>*/ } 
95+       { /*     <DescriptionListGroup>*/ } 
96+       { /*       <CardTitle component="h4">*/ } 
97+       { /*         <DescriptionListTerm style={{fontSize: "large"}}>*/ } 
98+       { /*           Subscribe to stay updated*/ } 
99+       { /*         </DescriptionListTerm>*/ } 
100+       { /*       </CardTitle>*/ } 
101+       { /*       <CardBody>*/ } 
102+       { /*         <DescriptionListDescription>*/ } 
103+       { /*           <List isPlain>*/ } 
104+       { /*             <ListItem>*/ } 
105+       { /*               Do you want to subscribe for Red Hat Trusted Content Service to keep your*/ } 
106+       { /*               projects risk profile updated?*/ } 
107+       { /*             </ListItem>*/ } 
108+       { /*             <ListItem>*/ } 
109+       { /*               <Button variant="primary" size="sm">*/ } 
110+       { /*                 Sign up*/ } 
111+       { /*               </Button>*/ } 
112+       { /*             </ListItem>*/ } 
113+       { /*           </List>*/ } 
114+       { /*         </DescriptionListDescription>*/ } 
115+       { /*       </CardBody>*/ } 
116+       { /*     </DescriptionListGroup>*/ } 
117+       { /*   </Card> */ } 
118+       { /*   <Card isFlat>*/ } 
119+       { /*     <DescriptionListGroup>*/ } 
120+       { /*       <CardTitle component="h4">*/ } 
121+       { /*         <DescriptionListTerm style={{fontSize: "large"}}>*/ } 
122+       { /*           Licenses*/ } 
123+       { /*         </DescriptionListTerm>*/ } 
124+       { /*       </CardTitle>*/ } 
125+       { /*       <CardBody>*/ } 
126+       { /*         <DescriptionListDescription>*/ } 
127+       { /*           <List isPlain>*/ } 
128+       { /*             <ListItem>*/ } 
129+       { /*               Some info here*/ } 
130+       { /*             </ListItem>*/ } 
131+       { /*           </List>*/ } 
132+       { /*         </DescriptionListDescription>*/ } 
133+       { /*       </CardBody>*/ } 
134+       { /*     </DescriptionListGroup>*/ } 
135+       { /*   </Card>*/ } 
136+       { /* </GridItem>*/ } 
141137    </ Grid > 
142138  ) ; 
143139} ; 
0 commit comments