website: fix type error (#38)

jaywcjlove · Oct 22, 2022 · 7aaeb99 · 7aaeb99
1 parent 2b54cca
commit 7aaeb99
Show file tree

Hide file tree

Showing 8 changed files with 176 additions and 145 deletions.
diff --git a/packages/html-formatter/src/index.tsx b/packages/html-formatter/src/index.tsx
diff --git a/packages/js-beautifier/src/index.tsx b/packages/js-beautifier/src/index.tsx
diff --git a/packages/simplified-traditional-chinese/src/index.tsx b/packages/simplified-traditional-chinese/src/index.tsx
@@ -44,7 +44,7 @@ export default function SimplifiedTraditionalChinese() {
   return (
     <Wrapper>
       <StyledLayout
-        title={t('Traditional Chinese')}
+        title={t<string>('Traditional Chinese')}
         extra={
           <Fragment>
             {traditional && <CopyButton value={traditional} />}
@@ -54,7 +54,7 @@ export default function SimplifiedTraditionalChinese() {
                 setType('traditional');
               }}
             >
-              {t('Sample', { ns: 'common' })}
+              {t<string>('Sample', { ns: 'common' })}
             </Button>
           </Fragment>
         }
@@ -71,7 +71,7 @@ export default function SimplifiedTraditionalChinese() {
         />
       </StyledLayout>
       <StyledLayout
-        title={t('Simplified Chinese')}
+        title={t<string>('Simplified Chinese')}
         extra={
           <Fragment>
             {simplified && <CopyButton value={simplified} />}
@@ -80,7 +80,7 @@ export default function SimplifiedTraditionalChinese() {
                 setSimplified(sample.simplified);
               }}
             >
-              {t('Sample', { ns: 'common' })}
+              {t<string>('Sample', { ns: 'common' })}
             </Button>
           </Fragment>
         }

diff --git a/packages/standard-chinese-characters/src/index.tsx b/packages/standard-chinese-characters/src/index.tsx
@@ -42,7 +42,7 @@ export default function StandardChineseCharacters() {
 
   return (
     <Wrapper>
-      <StyledLayout overflow="initial" title={t('Table of General Standard Chinese Characters', {})}>
+      <StyledLayout overflow="initial" title={t<string>('Table of General Standard Chinese Characters', {})}>
         <Spacing style={{ flexWrap: 'wrap', flexDirection: 'row', gap: '40px 61px', paddingBottom: 120 }}>
           {Object.keys(characters).map((keyname, idx) => {
             return (

diff --git a/packages/svg-optimizer/src/index.tsx b/packages/svg-optimizer/src/index.tsx
@@ -379,14 +379,14 @@ export default function SVGOptimizer() {
                 checked={!!options.pretty}
                 onChange={({ target }) => setOptions({ ...options, pretty: target.checked })}
               >
-                Prettify markup <Info>{t('Prettify markup')}</Info>
+                Prettify markup <Info>{t<string>('Prettify markup')}</Info>
               </Checkbox>
               <Checkbox
                 checked={!!options.multipass}
                 onChange={({ target }) => setOptions({ ...options, multipass: target.checked })}
               >
-                {t('multipass')}{' '}
-                <Info>{t('Pass over SVGs multiple times to ensure all optimizations are applied')}</Info>
+                {t<string>('multipass')}{' '}
+                <Info>{t<string>('Pass over SVGs multiple times to ensure all optimizations are applied')}</Info>
               </Checkbox>
               <Checkbox
                 type="range"
@@ -396,9 +396,11 @@ export default function SVGOptimizer() {
                 value={options.floatPrecision}
                 onChange={({ target }) => setOptions({ ...options, floatPrecision: Number(target.value) })}
               >
-                {options.floatPrecision} {t('Precision')}{' '}
+                {options.floatPrecision} {t<string>('Precision')}{' '}
                 <Info>
-                  {t('Precision of floating point numbers. Will be passed to each plugin that suppors this param.')}
+                  {t<string>(
+                    'Precision of floating point numbers. Will be passed to each plugin that suppors this param.',
+                  )}
                 </Info>
               </Checkbox>
               {opts.map((item, key) => {
@@ -408,7 +410,7 @@ export default function SVGOptimizer() {
                     checked={includesPlugin(item.plugin, options.plugins)}
                     onChange={({ target }) => setOptions(settingPlugin(item.plugin, target.checked))}
                   >
-                    {t(item.label)} <Info>{t(item.content)}</Info>
+                    {t<string>(item.label)} <Info>{t<string>(item.content)}</Info>
                   </Checkbox>
                 );
               })}

diff --git a/website/src/app/Home.tsx b/website/src/app/Home.tsx
@@ -45,7 +45,7 @@ export default function HomePage() {
   const thirdParty = menus.filter((item) => /^https?:/i.test(item.href || ''));
   return (
     <Warpper>
-      <Title>{t('tools')}</Title>
+      <Title>{t<string>('tools')}</Title>
       <MenuItem>
         {tools.map((item, key) => {
           return (
@@ -56,7 +56,7 @@ export default function HomePage() {
           );
         })}
       </MenuItem>
-      <Title>{t('ThirdPartyTools')}</Title>
+      <Title>{t<string>('ThirdPartyTools')}</Title>
       <MenuItem>
         {thirdParty.map((item, key) => {
           return (

diff --git a/website/src/app/Layout.tsx b/website/src/app/Layout.tsx
@@ -55,7 +55,6 @@ const Article = styled.article`
 export default function Layout() {
   const menus = useMenus();
   const { t } = useTranslation();
-  // @ts-ignore
   const version = VERSION;
   return (
     <Fragment>
@@ -67,7 +66,7 @@ export default function Layout() {
               <Link to="/">
                 <LogoIcon width={21} />
                 <span>
-                  {t('title')}
+                  {t<string>('title')}
                   <Sup>{version}</Sup>
                 </span>
               </Link>

diff --git a/website/src/app/Loading.tsx b/website/src/app/Loading.tsx
@@ -7,5 +7,5 @@ const Warpper = styled.div`
 
 export const Loading = () => {
   const { t } = useTranslation();
-  return <Warpper>{t('loading')}</Warpper>;
+  return <Warpper>{t<string>('loading')}</Warpper>;
 };