chore(svg-icons): to ts & fix warnings

src/components/ArticleItemPrefixLabel/styles/index.ts

@@ -17,7 +17,7 @@ export const ReadedLabel = styled.div<{ topOffset: string }>`
     font-size: 0.8rem;
   `};
 `
-export const PinIcon = styled(PinSVG)`
+export const PinIcon = styled(PinSVG)<{ top: string }>`
   fill: ${theme('thread.articleDigest')};
   position: absolute;
   ${css.size(18)};

src/components/InlineTags/styles/index.ts

@@ -25,7 +25,7 @@ export const Title = styled.div`
   `};
 `
 export const MoreText = styled.div``
-export const HashSign = styled(HashTagSVG)`
+export const HashSign = styled(HashTagSVG)<{ color: string }>`
   fill: ${({ color }) => color};
   ${css.size(12)};
   transform: rotate(18deg);

src/components/SvgIcons/HashTagSVG.js → src/components/SvgIcons/HashTagSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-function SvgComponent(props) {
+const SvgComponent: React.FC = (props) => {
   return (
     <svg
       className="prefix__icon"

src/components/SvgIcons/HeaderMailSVG.js → src/components/SvgIcons/HeaderMailSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/HeaderSearchSVG.js → src/components/SvgIcons/HeaderSearchSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/HeaderStatesSVG.js → src/components/SvgIcons/HeaderStatesSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/PinSVG.js → src/components/SvgIcons/PinSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabAISVG.js → src/components/SvgIcons/TabAISVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabBackendSVG.js → src/components/SvgIcons/TabBackendSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabBillingSVG.js → src/components/SvgIcons/TabBillingSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1367 1024"

src/components/SvgIcons/TabBlockChainSVG.js → src/components/SvgIcons/TabBlockChainSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabCheatsheetSVG.js → src/components/SvgIcons/TabCheatsheetSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabCitySVG.js → src/components/SvgIcons/TabCitySVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabCommentsSVG.js → src/components/SvgIcons/TabCommentsSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabDesignSVG.js → src/components/SvgIcons/TabDesignSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1113 1024"

src/components/SvgIcons/TabFavoritesSVG.js → src/components/SvgIcons/TabFavoritesSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabFrontendSVG.js → src/components/SvgIcons/TabFrontendSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabJobSVG.js → src/components/SvgIcons/TabJobSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabLikesSVG.js → src/components/SvgIcons/TabLikesSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1068 1024"

src/components/SvgIcons/TabMobileSVG.js → src/components/SvgIcons/TabMobileSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabPlSVG.js → src/components/SvgIcons/TabPlSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1152 1024"

src/components/SvgIcons/TabPostSVG.js → src/components/SvgIcons/TabPostSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabPublishSVG.js → src/components/SvgIcons/TabPublishSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabRadarSVG.js → src/components/SvgIcons/TabRadarSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabRepoSVG.js → src/components/SvgIcons/TabRepoSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabSettingsSVG.js → src/components/SvgIcons/TabSettingsSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabShareSVG.js → src/components/SvgIcons/TabShareSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1152 1024"

src/components/SvgIcons/TabTechSVG.js → src/components/SvgIcons/TabTechSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabUserSVG.js → src/components/SvgIcons/TabUserSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1219 1024"

src/components/SvgIcons/TabVideoSVG.js → src/components/SvgIcons/TabVideoSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1024 1024"

src/components/SvgIcons/TabWikiSVG.js → src/components/SvgIcons/TabWikiSVG.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-const SvgComponent = (props) => (
+const SvgComponent: React.FC = (props) => (
   <svg
     className="prefix__icon"
     viewBox="0 0 1427 1024"

src/containers/unit/TagsBar/styles/desktop_view/tag_item.ts

@@ -35,7 +35,8 @@ const getActiveColor = (active, color, activeid) => {
   return !active ? color : '#497684'
 }
 
-export const HashSign = styled(HashTagSVG)`
+type THashSign = TActive & { color: string; activeid: string; inline: boolean }
+export const HashSign = styled(HashTagSVG)<THashSign>`
   fill: ${({ active, color, activeid }) =>
     getActiveColor(active, color, activeid)};
   ${css.size(14)};