feat: hide unfinished feature

Author: CSUwangj

src/i18n/index.ts

@@ -81,7 +81,7 @@ i18n
               'etc-contact': '欢迎提供援助：CSUwangj@protonmail.com。'
             }
           },
-          'introduction': '接触、学习、实践，为了密码学你需要的都在这（还未完成 ：）',
+          'introduction': '接触、学习、实践，为了密码学你需要的都在这（更新中 ：）',
           'light': '日间模式',
           'dark': '夜间模式',
           'lab-welcome': '欢迎来到密码学实验室，这里准备了一些资源、实验、设计来帮助你练习密码学，希望你享受这里的一切！',
@@ -93,8 +93,8 @@ i18n
             'flag': '通过解题夺旗学习密码学',
             'translate': '多语言支持',
             'resource': '整合多渠道资源',
-            'tools': '为新手准备的密码学工具箱（施工中）',
-            'visualize': '图解密码学算法（施工中）',
+            'tools': '为新手准备的密码学工具箱（更新中）',
+            'visualize': '图解密码学算法（更新中）',
           },
           'wip': '施工中',
           'lab': {

src/pages/home/index.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'
 import styled from '@emotion/styled/macro'
 import { Div } from 'components/Div'
 import { H1, H3, H5, Button, Intent, Text } from '@blueprintjs/core'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { IconNames } from "@blueprintjs/icons"
 import { ExternalLink } from 'components/Link'
 import { useHistory } from 'react-router-dom'
@@ -46,6 +47,7 @@ const NavButton = styled(Button)`
   flex: 0 1 auto;
 `
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const TakeButton = styled(NavButton)`
   span {
     color: #61dafb;
@@ -105,7 +107,7 @@ export const Page: React.FC = () => {
       <Gap />
       <ButtonContainer>
         <NavButton large intent={Intent.PRIMARY} onClick={() => history.push('/practice')} text={t('getstarted')} />
-        <TakeButton large outlined={true} rightIcon={IconNames.ARROW_RIGHT} onClick={() => history.push('/tutorial')} text={t('taketutorial')} />
+        {/* <TakeButton large outlined={true} rightIcon={IconNames.ARROW_RIGHT} onClick={() => history.push('/tutorial')} text={t('taketutorial')} /> */}
       </ButtonContainer>
     </IntroBelowImg>
     <FeaturesContainer>

src/pages/index/index.tsx

@@ -71,9 +71,9 @@ export const Page: React.FC = ({ children }) => {
           </Unselectable>
           <NavbarDivider />
           <Unselectable>
-            <Button minimal large icon={IconNames.HELP} text={t('nav.tutorial')} onClick={() => history.push('/tutorial')} />
+            {/* <Button minimal large icon={IconNames.HELP} text={t('nav.tutorial')} onClick={() => history.push('/tutorial')} /> */}
+            {/* <Button minimal large icon={IconNames.SEARCH} text={t('nav.learning')} onClick={() => history.push('/learning')} /> */}
             <Button minimal large icon={IconNames.FLAG} text={t('nav.practice')} onClick={() => history.push('/practice')} />
-            <Button minimal large icon={IconNames.SEARCH} text={t('nav.learning')} onClick={() => history.push('/learning')} />
           </Unselectable>
         </NavbarGroup>
         <NavbarGroup align={Alignment.RIGHT}>