message: change class component to functional component
diff: * limitations under the License.
  */
  -import React, { Component, Fragment, ReactElement } from 'react';
  +import React, { Fragment, ReactElement } from 'react';
  import { withStyles, createStyles, WithStyles, Theme } from '@material-ui/core';
  import startCase from 'lodash/startCase';
  @@ -142,17 +142,17 @@ const TableItem = ({
  );
  };
  -interface ComponentProps {
  +type Props = {
  metadata: { [key: string]: any };
  dense?: boolean;
  options?: any;
  -}
  +};
  -export class StructuredMetadataTable extends Component<ComponentProps> {
  - render() {
  - const { metadata, dense, options } = this.props;
  +export const StructuredMetadataTable = ({
  + metadata,
  + dense = true,
  + options,
  +}: Props) => {
  const metadataItems = mapToItems(metadata, options || {});
  -
  return <MetadataTable dense={dense}>{metadataItems}</MetadataTable>;
  - }
  -}
  +};
  