From 6ac3012b8c2017aa5d01ede9d1179b25afdd920d Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Mon, 10 May 2021 21:02:20 -0400
Subject: [PATCH] Use formatted message

---
 src/views/studio/l10n.json                      | 6 +++++-
 src/views/studio/modals/user-projects-modal.jsx | 9 +++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/studio/l10n.json b/src/views/studio/l10n.json
index 73b3d4811..2d192e031 100644
--- a/src/views/studio/l10n.json
+++ b/src/views/studio/l10n.json
@@ -25,5 +25,9 @@
     "studio.inviteCurator": "Invite",
     "studio.curatorAcceptInvite": "Accept Invite",
 
-    "studio.commentsHeader": "Comments"
+    "studio.commentsHeader": "Comments",
+
+    "studio.sharedFilter": "Shared",
+    "studio.favoritedFilter": "Favorited",
+    "studio.recentFilter": "Recent"
 }
\ No newline at end of file
diff --git a/src/views/studio/modals/user-projects-modal.jsx b/src/views/studio/modals/user-projects-modal.jsx
index 0e244af3f..cf6c57051 100644
--- a/src/views/studio/modals/user-projects-modal.jsx
+++ b/src/views/studio/modals/user-projects-modal.jsx
@@ -3,6 +3,7 @@ import React, {useEffect, useState} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 import classNames from 'classnames';
+import {FormattedMessage} from 'react-intl';
 
 import {addProject, removeProject} from '../lib/studio-project-actions';
 import {userProjects} from '../lib/redux-modules';
@@ -45,19 +46,19 @@ const UserProjectsModal = ({
                     className={classNames({active: filter === Filters.SHARED})}
                     onClick={() => setFilter(Filters.SHARED)}
                 >
-                    Shared
+                    <FormattedMessage id="studio.sharedFilter" />
                 </li>
                 <li
                     className={classNames({active: filter === Filters.FAVORITED})}
                     onClick={() => setFilter(Filters.FAVORITED)}
                 >
-                    Favorited
+                    <FormattedMessage id="studio.favoritedFilter" />
                 </li>
                 <li
                     className={classNames({active: filter === Filters.RECENT})}
                     onClick={() => setFilter(Filters.RECENT)}
                 >
-                    Recent
+                    <FormattedMessage id="studio.recentFilter" />
                 </li>
             </SubNavigation>
             <ModalInnerContent className="user-projects-modal-content">
@@ -78,7 +79,7 @@ const UserProjectsModal = ({
                         {loading ? <small>Loading...</small> : (
                             moreToLoad ?
                                 <button onClick={() => onLoadMore(filter)}>
-                                    Load more
+                                    <FormattedMessage id="general.loadMore" />
                                 </button> :
                                 <small>No more to load</small>
                         )}