Renames in Frontend

frontend/src/Components/Page/Header/AuthorSearchResult.js

@@ -0,0 +1,61 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { kinds } from 'Helpers/Props';
+import Label from 'Components/Label';
+import AuthorPoster from 'Author/AuthorPoster';
+import styles from './AuthorSearchResult.css';
+
+function AuthorSearchResult(props) {
+  const {
+    match,
+    authorName,
+    images,
+    tags
+  } = props;
+
+  let tag = null;
+
+  if (match.key === 'tags.label') {
+    tag = tags[match.arrayIndex];
+  }
+
+  return (
+    <div className={styles.result}>
+      <AuthorPoster
+        className={styles.poster}
+        images={images}
+        size={250}
+        lazy={false}
+        overflow={true}
+      />
+
+      <div className={styles.titles}>
+        <div className={styles.title}>
+          {authorName}
+        </div>
+
+        {
+          tag ?
+            <div className={styles.tagContainer}>
+              <Label
+                key={tag.id}
+                kind={kinds.INFO}
+              >
+                {tag.label}
+              </Label>
+            </div> :
+            null
+        }
+      </div>
+    </div>
+  );
+}
+
+AuthorSearchResult.propTypes = {
+  authorName: PropTypes.string.isRequired,
+  images: PropTypes.arrayOf(PropTypes.object).isRequired,
+  tags: PropTypes.arrayOf(PropTypes.object).isRequired,
+  match: PropTypes.object.isRequired
+};
+
+export default AuthorSearchResult;