From 87a5ddc437d7879087fc042dde53f0f18ae086a2 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Mon, 2 May 2022 16:42:07 -0700
Subject: [PATCH] MediaGallery: Localize Media and Documents tab headers

---
 ts/components/conversation/media-gallery/MediaGallery.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ts/components/conversation/media-gallery/MediaGallery.tsx b/ts/components/conversation/media-gallery/MediaGallery.tsx
index ca50d78184..1f287ee10a 100644
--- a/ts/components/conversation/media-gallery/MediaGallery.tsx
+++ b/ts/components/conversation/media-gallery/MediaGallery.tsx
@@ -89,19 +89,20 @@ export class MediaGallery extends React.Component<Props, State> {
   }
 
   public override render(): JSX.Element {
+    const { i18n } = this.props;
     const { selectedTab } = this.state;
 
     return (
       <div className="module-media-gallery" tabIndex={-1} ref={this.focusRef}>
         <div className="module-media-gallery__tab-container">
           <Tab
-            label="Media"
+            label={i18n('media')}
             type="media"
             isSelected={selectedTab === 'media'}
             onSelect={this.handleTabSelect}
           />
           <Tab
-            label="Documents"
+            label={i18n('documents')}
             type="documents"
             isSelected={selectedTab === 'documents'}
             onSelect={this.handleTabSelect}