refactor: Move PropTypeInfo into PropList because of recursiveness

src/components/PropList.js

@@ -1,11 +1,50 @@
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import PropTypeInfo from './PropTypeInfo';
+import FunctionDefinition from './FunctionDefinition';
 import Markdown from 'react-markdown';
 import styles from './PropList.module.scss';
 import { format } from 'date-fns';
 
+const PropTypeInfo = ({ type }) => {
+  switch (type.raw) {
+    case 'func':
+      return (
+        <FunctionDefinition
+          returnValue={type.meta.returnValue}
+          params={type.meta.params}
+        />
+      );
+    case 'oneOf':
+      return (
+        <div className={styles.listLike}>
+          <div>{'<One of'}</div>
+          <div className={styles.arg}>
+            {type.meta.constants.map((constant) => (
+              <div key={constant}>{constant},</div>
+            ))}
+          </div>
+          <div>{'>'}</div>
+        </div>
+      );
+    case 'oneOfType':
+      return type.meta.types.map((type, idx) => (
+        <PropTypeInfo key={idx} type={type} />
+      ));
+    case 'shape':
+      return <div>Shape</div>;
+    default:
+      return null;
+  }
+};
+
+PropTypeInfo.propTypes = {
+  type: PropTypes.shape({
+    raw: PropTypes.string.isRequired,
+    meta: PropTypes.object,
+  }),
+};
+
 const PropList = ({ propTypes }) => {
   if (propTypes.length === 0) {
     return <p>There are no props for this component.</p>;

src/components/PropList.module.scss

@@ -60,3 +60,13 @@
   text-transform: uppercase;
   margin-left: 0.5rem;
 }
+
+.arg {
+  padding-left: 1rem;
+}
+
+.listLike {
+  font-family: var(--code-font);
+  font-size: 0.875rem;
+  color: var(--color-neutrals-600);
+}