Rename "Changelog" to "Updates"

components/UpdatesPage/index.scss

@@ -1,4 +1,4 @@
-.Changelog.PageContent {
+.Updates.PageContent {
   .version {
     &.content {
       .top h3 {

components/UpdatesPage/index.tsx

@@ -9,11 +9,11 @@ import './index.scss'
 
 interface Props {}
 
-const ChangelogPage: React.FC<Props> = (props: Props) => {
+const UpdatesPage: React.FC<Props> = (props: Props) => {
   const { t: common } = useTranslation('common')
   return (
-    <div className="Changelog PageContent">
+    <div className="Updates PageContent">
-      <h1>{common('about.segmented_control.changelog')}</h1>
+      <h1>{common('about.segmented_control.updates')}</h1>
       <section className="version" data-version="1.0">
         <div className="top">
           <h3>1.0.1</h3>
@@ -119,4 +119,4 @@ const ChangelogPage: React.FC<Props> = (props: Props) => {
   )
 }
 
-export default ChangelogPage
+export default UpdatesPage

pages/about.tsx

@@ -11,7 +11,7 @@ import { AboutTabs } from '~utils/enums'
 import setUserToken from '~utils/setUserToken'
 
 import AboutPage from '~components/AboutPage'
-import ChangelogPage from '~components/ChangelogPage'
+import UpdatesPage from '~components/UpdatesPage'
 import RoadmapPage from '~components/RoadmapPage'
 import SegmentedControl from '~components/SegmentedControl'
 import Segment from '~components/Segment'
@@ -42,9 +42,9 @@ const AboutRoute: React.FC<Props> = (props: Props) => {
         // router.replace(path)
         setCurrentTab(AboutTabs.About)
         break
-      case 'changelog':
+      case 'updates':
         // router.replace(path)
-        setCurrentTab(AboutTabs.Changelog)
+        setCurrentTab(AboutTabs.Updates)
         break
       case 'roadmap':
         // router.replace(path)
@@ -59,8 +59,8 @@ const AboutRoute: React.FC<Props> = (props: Props) => {
     switch (currentTab) {
       case AboutTabs.About:
         return <AboutPage />
-      case AboutTabs.Changelog:
+      case AboutTabs.Updates:
-        return <ChangelogPage />
+        return <UpdatesPage />
       case AboutTabs.Roadmap:
         return <RoadmapPage />
     }
@@ -105,11 +105,11 @@ const AboutRoute: React.FC<Props> = (props: Props) => {
           </Segment>
           <Segment
             groupName="about"
-            name="changelog"
+            name="updates"
-            selected={currentTab == AboutTabs.Changelog}
+            selected={currentTab == AboutTabs.Updates}
             onClick={handleTabClicked}
           >
-            {t('about.segmented_control.changelog')}
+            {t('about.segmented_control.updates')}
           </Segment>
           <Segment
             groupName="about"

public/locales/en/common.json

@@ -2,7 +2,7 @@
   "about": {
     "segmented_control": {
       "about": "About",
-      "changelog": "Updates",
+      "updates": "Updates",
       "roadmap": "Roadmap"
     }
   },

public/locales/ja/common.json

@@ -2,7 +2,7 @@
   "about": {
     "segmented_control": {
       "about": "サイトについて",
-      "changelog": "変更ログ",
+      "updates": "変更ログ",
       "roadmap": "ロードマップ"
     }
   },

utils/enums.tsx

@@ -22,6 +22,6 @@ export enum TeamElement {
 
 export enum AboutTabs {
   About,
-  Changelog,
+  Updates,
   Roadmap,
 }