Remove required column and use a red * instead (#154)

* Remove required column and use a red * instead

* Move the * to the name

Author: josejulio

src/components/APIDoc/ParameterView.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { OpenAPIV3 } from 'openapi-types';
-import { Text, TextContent, TextVariants } from '@patternfly/react-core';
+import {Flex, FlexItem, Text, TextContent, TextVariants} from '@patternfly/react-core';
 import { TableComposable, Tbody, Td, Thead, Tr } from "@patternfly/react-table";
 import { deRef } from "../../utils/Openapi";
 
@@ -21,16 +21,23 @@ export const ParameterView: React.FunctionComponent<ParameterViewProps> = ({titl
                 <Tr>
                 <Td>Name</Td>
                 <Td>Type</Td>
-                <Td>Required</Td>
                 <Td>Description</Td>
                 </Tr>
             </Thead>
             <Tbody>
                 {parameters.map(((p, index) => (
                 <Tr key={index}>
-                    <Td>{p.name}</Td>
+                    <Td>
+                        <Flex>
+                            <FlexItem className="pf-u-mr-xs">
+                                <Text component={TextVariants.p}>{p.name}</Text>
+                            </FlexItem>
+                            <FlexItem>
+                                <Text component={TextVariants.p} className="pf-u-danger-color-100">{p.required && "*"}</Text>
+                            </FlexItem>
+                        </Flex>
+                    </Td>
                     <Td>{getType(p.schema, document)}</Td>
-                    <Td>{p.required ? 'Yes' : 'No'}</Td>
                     <Td>{p.description}</Td>
                 </Tr>
                 )))}