[Fix] Update sidebar link from "Wiki" to "Docs" (#1202)

Author: biliesilva

public/locales/en/translation.json

@@ -1038,8 +1038,11 @@
     "Settings": "Settings",
     "sidebar": {
         "achievements": "Achievements",
+        "docs": "Docs",
         "downloadManager": "Download Manager",
         "library": "Library",
+        "quests": "Quests",
+        "settings": "Settings",
         "store": "Store"
     },
     "sideload": {

src/frontend/App.tsx

@@ -98,7 +98,7 @@ function App() {
             />
             <Route path="epicstore" element={<WebView key="epicstore" />} />
             <Route path="gogstore" element={<WebView key="gogstore" />} />
-            <Route path="wiki" element={<WebView key="wiki" />} />
+            <Route path="docs" element={<WebView key="docs" />} />
             <Route path="metamaskHome" element={<MetaMaskHome />} />
             <Route
               path="metamaskSnaps"

src/frontend/components/UI/Sidebar/components/SidebarLinks/index.tsx

@@ -141,7 +141,7 @@ export default observer(function SidebarLinks() {
         )}
         {SHOW_QUESTS ? (
           <div className="sidebarLinkGradientWrapper">
-            <Tooltip {...tooltipProps} label="Quests">
+            <Tooltip {...tooltipProps} label={t('sidebar.quests', 'Quests')}>
               <NavLink
                 data-testid="quests"
                 className={({ isActive }) =>
@@ -175,7 +175,7 @@ export default observer(function SidebarLinks() {
           </Tooltip>
         </div>
         <div className="sidebarLinkGradientWrapper">
-          <Tooltip {...tooltipProps} label="Settings">
+          <Tooltip {...tooltipProps} label={t('sidebar.settings', 'Settings')}>
             <NavLink
               data-testid="settings"
               className={({ isActive }) =>
@@ -220,13 +220,13 @@ export default observer(function SidebarLinks() {
           </Tooltip>
         </div>
         <div className="sidebarLinkGradientWrapper">
-          <Tooltip {...tooltipProps} label="Wiki">
+          <Tooltip {...tooltipProps} label={t('sidebar.docs', 'Docs')}>
             <NavLink
-              data-testid="wiki"
+              data-testid="Docs"
               className={({ isActive }) =>
                 classNames('Sidebar__item', { active: isActive })
               }
-              to={{ pathname: '/wiki' }}
+              to={{ pathname: '/docs' }}
             >
               <Images.Page fill={sidebarSvgUnselectedFill} />
             </NavLink>

src/frontend/constants.ts

@@ -3,7 +3,7 @@ export const HYPERPLAY_STORE_URL = 'https://store.hyperplay.xyz?isLauncher=true'
 export const G7_PORTAL = 'https://app.game7.io/quests/hyperplay?layout=navless'
 export const EPIC_STORE_URL = 'https://www.epicgames.com/store'
 export const GOG_STORE_URL = `https://gog.com`
-export const WIKI_URL = 'https://docs.hyperplay.xyz/'
+export const DOCS_URL = 'https://docs.hyperplay.xyz/'
 export const GOG_LOGIN_URL =
   'https://auth.gog.com/auth?client_id=46899977096215655&redirect_uri=https%3A%2F%2Fembed.gog.com%2Fon_login_success%3Forigin%3Dclient&response_type=code&layout=galaxy'
 export const DEFAULT_BROWSER_PROFILE_IMPORT_COLOR = '202124'

src/frontend/screens/WebView/index.tsx

@@ -25,7 +25,7 @@ import {
   GOG_LOGIN_URL,
   GOG_STORE_URL,
   HYPERPLAY_STORE_URL,
-  WIKI_URL
+  DOCS_URL
 } from '../../constants'
 import { METAMASK_SNAPS_URL } from 'common/constants'
 import storeAuthState from 'frontend/state/storeAuthState'
@@ -79,7 +79,7 @@ function WebView({
     '/hyperplaystore': hyperplayStore,
     '/epicstore': epicStore,
     '/gogstore': GOG_STORE_URL,
-    '/wiki': WIKI_URL,
+    '/docs': DOCS_URL,
     '/loginEpic': EPIC_LOGIN_URL,
     '/loginGOG': GOG_LOGIN_URL,
     '/loginweb/legendary': EPIC_LOGIN_URL,