Rename media gallery items

ts/components/conversation/media-gallery/AttachmentSection.tsx

@@ -3,8 +3,8 @@
  */
 import React from 'react';
 
-import { DocumentListEntry } from './DocumentListEntry';
+import { DocumentListItem } from './DocumentListItem';
-import { ImageThumbnail } from './ImageThumbnail';
+import { MediaGridItem } from './MediaGridItem';
 import { Message } from './propTypes/Message';
 import { missingCaseError } from '../../../util/missingCaseError';
 
@@ -33,7 +33,7 @@ interface Props {
   messages: Array<Message>;
 }
 
-export class AttachmentListSection extends React.Component<Props, {}> {
+export class AttachmentSection extends React.Component<Props, {}> {
   public renderItems() {
     const { i18n, messages, type } = this.props;
 
@@ -43,15 +43,10 @@ export class AttachmentListSection extends React.Component<Props, {}> {
 
       switch (type) {
         case 'media':
-          return (
+          return <MediaGridItem key={message.received_at} message={message} />;
-            <ImageThumbnail
-              key={message.received_at}
-              message={message}
-            />
-          );
         case 'documents':
           return (
-            <DocumentListEntry
+            <DocumentListItem
               key={message.received_at}
               i18n={i18n}
               fileSize={firstAttachment.size}

ts/components/conversation/media-gallery/DocumentListItem.md

@@ -1,17 +1,17 @@
-DocumentListEntry example:
+DocumentListItem example:
 
 ```js
-<DocumentListEntry
+<DocumentListItem
   fileName="meow.jpg"
   fileSize={1024 * 1000 * 2}
   timestamp={Date.now()}
 />
-<DocumentListEntry
+<DocumentListItem
   fileName="rickroll.wmv"
   fileSize={1024 * 1000 * 8}
   timestamp={Date.now() - 24 * 60 * 1000}
 />
-<DocumentListEntry
+<DocumentListItem
   fileName="kitten.gif"
   fileSize={1024 * 1000 * 1.2}
   timestamp={Date.now() - 14 * 24 * 60 * 1000}

ts/components/conversation/media-gallery/DocumentListItem.tsx

@@ -52,7 +52,7 @@ const styles = {
   },
 };
 
-export class DocumentListEntry extends React.Component<Props, {}> {
+export class DocumentListItem extends React.Component<Props, {}> {
   public renderContent() {
     const { fileName, fileSize, timestamp } = this.props;
 

ts/components/conversation/media-gallery/MediaGallery.tsx

@@ -5,7 +5,7 @@ import React from 'react';
 
 import moment from 'moment';
 
-import { AttachmentListSection } from './AttachmentListSection';
+import { AttachmentSection } from './AttachmentSection';
 import { groupMessagesByDate } from './groupMessagesByDate';
 import { Message } from './propTypes/Message';
 
@@ -131,7 +131,7 @@ export class MediaGallery extends React.Component<Props, State> {
           ? date.format(MONTH_FORMAT)
           : i18n(section.type);
       return (
-        <AttachmentListSection
+        <AttachmentSection
           key={header}
           header={header}
           i18n={i18n}

ts/components/conversation/media-gallery/MediaGridItem.tsx

@@ -6,7 +6,6 @@ import React from 'react';
 import { LoadingIndicator } from './LoadingIndicator';
 import { Message } from './propTypes/Message';
 
-
 interface Props {
   message: Message;
 }
@@ -28,7 +27,7 @@ const styles = {
   },
 };
 
-export class ImageThumbnail extends React.Component<Props, {}> {
+export class MediaGridItem extends React.Component<Props, {}> {
   public renderContent() {
     const { message } = this.props;
 

ts/util/missingCaseError.ts

@@ -9,9 +9,9 @@
 // const type: AttachmentType = selectedTab;
 // switch (type) {
 //   case 'media':
-//     return <ImageThumbnail/>;
+//     return <MediaGridItem/>;
 //   case 'documents':
-//     return <DocumentListEntry/>;
+//     return <DocumentListItem/>;
 //   default:
 //     return missingCaseError(type);
 // }