Unwind getReactElementDisplayName to a cascade of if statements

Author: Andarist

src/parser/parseReactElement.js

@@ -12,12 +12,18 @@ import type { TreeNode } from './../tree';
 
 const supportFragment = Boolean(Fragment);
 
-const getReactElementDisplayName = (element: ReactElement<*>): string =>
-  element.type.displayName ||
-  (element.type.name !== '_default' ? element.type.name : null) || // function name
-  (typeof element.type === 'function' // function without a name, you should provide one
-    ? 'No Display Name'
-    : element.type);
+const getReactElementDisplayName = ({ type }: ReactElement<*>): string => {
+  if (type.displayName) {
+    return type.displayName;
+  }
+  if (type.name && type.name !== '_default') {
+    return type.name;
+  }
+  if (typeof type === 'function') {
+    return 'No Display Name';
+  }
+  return type;
+};
 
 const noChildren = (propsValue, propName) => propName !== 'children';