diff options
Diffstat (limited to 'docs/src/components/Header/LanguageSelect.tsx')
| -rw-r--r-- | docs/src/components/Header/LanguageSelect.tsx | 196 |
1 files changed, 98 insertions, 98 deletions
diff --git a/docs/src/components/Header/LanguageSelect.tsx b/docs/src/components/Header/LanguageSelect.tsx index f88c559f2..37fef6d08 100644 --- a/docs/src/components/Header/LanguageSelect.tsx +++ b/docs/src/components/Header/LanguageSelect.tsx @@ -3,104 +3,104 @@ import { h } from 'preact'; import './LanguageSelect.css'; const LanguageSelect: FunctionalComponent<{ lang: string }> = ({ lang }) => { - return ( - <div class="language-select-wrapper"> - <svg - aria-hidden="true" - focusable="false" - role="img" - xmlns="http://www.w3.org/2000/svg" - viewBox="0 0 88.6 77.3" - height="1.2em" - width="1.2em" - > - <path - fill="currentColor" - d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z" - /> - <path - fill="currentColor" - d="M53.6,60.6c-10-4-16-9-22-14c0,0,1.3,1.3,0,0c-6,5-20,13-20,13l-4-6c8-5,10-6,19-13c-2.1-1.9-12-13-13-19h8 c4,9,10,14,10,14c10-8,10-19,10-19h8c0,0-1,13-12,24l0,0c5,5,10,9,19,13L53.6,60.6z M1.6,16.6h56v-8h-23v-7h-9v7h-24V16.6z" - /> - </svg> - <select - class="language-select" - value={lang} - aria-label="Select language" - onChange={(e) => { - const newLang = e.target.value; - if (newLang === 'en') { - window.location.pathname = `/getting-started`; - } else { - window.location.pathname = `/${newLang}/getting-started`; - } - // TODO: Preserve the current page, if it exists: - // const oldPathname = window.location.pathname; - // const oldPathnameParts = oldPathname.split('/'); - // oldPathnameParts.shift(); - // if (/^[a-z]{2}$/.test(oldPathnameParts[0])) { - // oldPathnameParts.shift(); - // } - // if (newLang !== 'en') { - // oldPathnameParts.unshift(newLang); - // } - // window.location.pathname = '/' + oldPathnameParts.join('/'); - }} - > - <option value="en"> - <span>English</span> - </option> - <option value="de"> - <span>Deutsch</span> - </option> - <option value="nl"> - <span>Nederlands</span> - </option> - <option value="pt-br"> - <span>Português do Brasil</span> - </option> - <option value="fi"> - <span>Suomi</span> - </option> - <option value="es"> - <span>Español</span> - </option> - <option value="zh-CN"> - <span>简体中文</span> - </option> - <option value="zh-TW"> - <span>正體中文</span> - </option> - <option value="bg"> - <span>Български</span> - </option> - <option value="fr"> - <span>Français</span> - </option> - <option value="bn"> - <span>বাংলা</span> - </option> - <option value="kr"> - <span>한국어</span> - </option> - <option value="ar"> - <span>العربية</span> - </option> - <option value="da"> - <span>Dansk</span> - </option> - <option value="ja"> - <span>日本語</span> - </option> - <option value="ru"> - <span>Русский</span> - </option> - <option value="it"> - <span>Italiano</span> - </option> - </select> - </div> - ); + return ( + <div class="language-select-wrapper"> + <svg + aria-hidden="true" + focusable="false" + role="img" + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 88.6 77.3" + height="1.2em" + width="1.2em" + > + <path + fill="currentColor" + d="M61,24.6h7.9l18.7,51.6h-7.7l-5.4-15.5H54.3l-5.6,15.5h-7.2L61,24.6z M72.6,55l-8-22.8L56.3,55H72.6z" + /> + <path + fill="currentColor" + d="M53.6,60.6c-10-4-16-9-22-14c0,0,1.3,1.3,0,0c-6,5-20,13-20,13l-4-6c8-5,10-6,19-13c-2.1-1.9-12-13-13-19h8 c4,9,10,14,10,14c10-8,10-19,10-19h8c0,0-1,13-12,24l0,0c5,5,10,9,19,13L53.6,60.6z M1.6,16.6h56v-8h-23v-7h-9v7h-24V16.6z" + /> + </svg> + <select + class="language-select" + value={lang} + aria-label="Select language" + onChange={(e) => { + const newLang = e.target.value; + if (newLang === 'en') { + window.location.pathname = `/getting-started`; + } else { + window.location.pathname = `/${newLang}/getting-started`; + } + // TODO: Preserve the current page, if it exists: + // const oldPathname = window.location.pathname; + // const oldPathnameParts = oldPathname.split('/'); + // oldPathnameParts.shift(); + // if (/^[a-z]{2}$/.test(oldPathnameParts[0])) { + // oldPathnameParts.shift(); + // } + // if (newLang !== 'en') { + // oldPathnameParts.unshift(newLang); + // } + // window.location.pathname = '/' + oldPathnameParts.join('/'); + }} + > + <option value="en"> + <span>English</span> + </option> + <option value="de"> + <span>Deutsch</span> + </option> + <option value="nl"> + <span>Nederlands</span> + </option> + <option value="pt-br"> + <span>Português do Brasil</span> + </option> + <option value="fi"> + <span>Suomi</span> + </option> + <option value="es"> + <span>Español</span> + </option> + <option value="zh-CN"> + <span>简体中文</span> + </option> + <option value="zh-TW"> + <span>正體中文</span> + </option> + <option value="bg"> + <span>Български</span> + </option> + <option value="fr"> + <span>Français</span> + </option> + <option value="bn"> + <span>বাংলা</span> + </option> + <option value="kr"> + <span>한국어</span> + </option> + <option value="ar"> + <span>العربية</span> + </option> + <option value="da"> + <span>Dansk</span> + </option> + <option value="ja"> + <span>日本語</span> + </option> + <option value="ru"> + <span>Русский</span> + </option> + <option value="it"> + <span>Italiano</span> + </option> + </select> + </div> + ); }; export default LanguageSelect; |