[docs] Disable in-context translations (#19056)

docs/src/modules/components/EditPage.js

@@ -1,29 +1,27 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
-import { Router, useRouter } from 'next/router';
 import Button from '@material-ui/core/Button';
-import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
 
 const SOURCE_CODE_ROOT_URL = 'https://github.com/mui-org/material-ui/edit/master';
 
 export default function EditPage(props) {
   const { markdownLocation } = props;
   const t = useSelector(state => state.options.t);
   const userLanguage = useSelector(state => state.options.userLanguage);
-  const router = useRouter();
-  const { canonical } = pathnameToLanguage(Router._rewriteUrlForNextExport(router.asPath));
+  const LOCALES = { zh: 'zh-CN', pt: 'pt-BR', es: 'es-ES' };
+  const CROWDIN_ROOT_URL = 'https://translate.material-ui.com/project/material-ui-docs/';
+  const crowdInLocale = LOCALES[userLanguage] || userLanguage;
+  const crowdInPath = markdownLocation.substring(0, markdownLocation.lastIndexOf('/'));
 
   return (
     <Button
-      component={userLanguage === 'en' ? 'a' : 'button'}
-      onClick={() => {
-        if (userLanguage === 'en') {
-          return;
-        }
-        window.location = `/aa${canonical}`;
-      }}
-      href={userLanguage === 'en' ? `${SOURCE_CODE_ROOT_URL}${markdownLocation}` : null}
+      component="a"
+      href={
+        userLanguage === 'en'
+          ? `${SOURCE_CODE_ROOT_URL}${markdownLocation}`
+          : `${CROWDIN_ROOT_URL}${crowdInLocale}#/staging${crowdInPath}`
+      }
       target="_blank"
       rel="noopener nofollow"
       size="small"