[frontend] Change wordings of "My Profile" (#3902)

* [fontend] Change wordings of "My Profile" * Add image to docs
codalab · Dec 8, 2021 · 9aef767 · 9aef767
1 parent 5320844
commit 9aef767
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/docs/examples/quickstart.md b/docs/examples/quickstart.md
@@ -15,7 +15,7 @@ upload some code and data, and run your first experiment.
 3.  A verification email will be sent to the email address you used to sign up. When you open it, there will be a link to follow in order to verify your account.
 4.  After verifying your account, sign in again. This will bring you to your **User Profile Page**. 
 This is the page where contains your account information, and an overview of your bundles and worksheets. 
-You can get back to this page at any time by clicking the "MY PROFILE" button in the top-right of the navigation bar or directly going to [http://worksheets.codalab.org/users](http://worksheets.codalab.org/users)
+You can get back to this page at any time by clicking the "MY WORKSHEETS" button in the top-right of the navigation bar or directly going to [http://worksheets.codalab.org/users](http://worksheets.codalab.org/users)
 ![Dashboard](../images/quickstart/profile.png)
 5. You can hover over your avatar in the side bar and then click to upload and edit your profile image.
 ![Dashboard](../images/quickstart/edit-avatar.png)

diff --git a/docs/images/quickstart/profile.png b/docs/images/quickstart/profile.png
diff --git a/frontend/src/components/Dashboard/MainPanel.js b/frontend/src/components/Dashboard/MainPanel.js
@@ -278,9 +278,9 @@ class MainPanel extends React.Component<{
                                 onChange={this.handleTabChange}
                                 aria-label='mainpanel tabs'
                             >
-                                <Tab label='My Worksheets' {...this.a11yProps(0)}></Tab>
+                                <Tab label='Owned by Me' {...this.a11yProps(0)}></Tab>
                                 <Tab
-                                    label='Shared Worksheets with Me'
+                                    label='Shared with Me'
                                     {...this.a11yProps(1)}
                                     disabled={!this.props.ownDashboard}
                                 ></Tab>

diff --git a/frontend/src/components/NavBar.js b/frontend/src/components/NavBar.js
@@ -372,7 +372,7 @@ class NavBar extends React.Component<{
                         {this.props.auth.isAuthenticated && (
                             <React.Fragment>
                                 <Link to='/users'>
-                                    <Button color='primary'>My Profile</Button>
+                                    <Button color='primary'>My Worksheets</Button>
                                 </Link>
                                 <Tooltip title='New Worksheet'>
                                     <IconButton

diff --git a/frontend/src/routes/HomePage.js b/frontend/src/routes/HomePage.js
@@ -109,7 +109,7 @@ class HomePage extends React.Component<{
                                         </React.Fragment>
                                     )}
                                     {auth.isAuthenticated &&
-                                        this.renderButton('My Profile', '/users')}
+                                        this.renderButton('My Worksheets', '/users')}
                                 </div>
                                 <div>
                                     {this.renderStartButton(