style(tags): redesign using hash svg

src/containers/content/ArticleContent/DesktopView/SideInfo.tsx

@@ -61,7 +61,7 @@ const SideInfo: FC<TProps> = ({ article }) => {
 
         <Label>发布时间</Label>
         <Value>
-          <ReadableDate date={insertedAt} fmt="absolute" withTime={false} />
+          <ReadableDate date={insertedAt} withTime={false} />
         </Value>
       </InnerWrapper>
     </Wrapper>

src/containers/content/ArticleContent/styles/desktop_view/side_info.tsx

@@ -47,7 +47,7 @@ export const Count = styled.span`
 `
 export const Value = styled.div`
   font-size: 13px;
-  color: ${theme('article.title')};
+  color: ${theme('article.digest')};
   margin-bottom: 5px;
 `
 

src/containers/content/CommunityContent/SubscribedList/ItemMenu.tsx

@@ -6,7 +6,6 @@
 
 import { FC, memo } from 'react'
 
-import type { TCommunity } from '@/spec'
 import { ICON } from '@/config'
 import { buildLog } from '@/logger'
 
@@ -15,11 +14,7 @@ import { Wrapper, Item, Icon, Title } from '../styles/subscribed_list/item_menu'
 /* eslint-disable-next-line */
 const log = buildLog('C:CommunityContent')
 
-type TProps = {
-  community: TCommunity
-}
-
-const ItemMenu: FC<TProps> = ({ community }) => {
+const ItemMenu: FC = () => {
   return (
     <Wrapper>
       <Item>

src/containers/content/CommunityContent/SubscribedList/index.tsx

@@ -69,7 +69,7 @@ const SubscribedList: FC<TProps> = ({ community, communities }) => {
             </Title>
             <SpaceGrow />
             <Tooltip
-              content={<ItemMenu community={community} />}
+              content={<ItemMenu />}
               placement="bottom"
               hideOnClick={false}
               trigger="click"

src/containers/digest/ArticleDigest/MobileView/Layout.tsx

@@ -1,16 +1,13 @@
 import { FC, memo } from 'react'
-import type { TArticle, TMetric } from '@/spec'
-
-import METRIC from '@/constant/metric'
+import type { TArticle } from '@/spec'
 
 import PostLayout from './PostLayout'
 
 type TProps = {
   article: TArticle
-  metric?: TMetric
 }
 
-const Layout: FC<TProps> = ({ article, metric = METRIC.ARTICLE }) => {
+const Layout: FC<TProps> = ({ article }) => {
   return <PostLayout article={article} />
 }
 

src/containers/digest/ArticleDigest/MobileView/PostLayout.tsx

@@ -63,7 +63,7 @@ const PostLayout: FC<TProps> = ({ metric = METRIC.ARTICLE, article }) => {
         </div>
         <Divider />
         <PublishDateInfo>
-          <ReadableDate date={insertedAt} fmt="absolute" withTime={false} />
+          <ReadableDate date={insertedAt} withTime={false} />
         </PublishDateInfo>
       </Topping>
       <Title>{title}</Title>

src/containers/digest/ArticleDigest/MobileView/index.tsx

@@ -46,7 +46,7 @@ const ArticleDigestContainer: FC<TProps> = ({
       <InnerWrapper>
         <Header metric={metric} />
         <BannerContent>
-          <Layout article={viewingArticle} metric={metric} />
+          <Layout article={viewingArticle} />
         </BannerContent>
       </InnerWrapper>
       <ViewportTracker onEnter={inAnchor} onLeave={outAnchor} />

src/containers/digest/ArticleDigest/logic.ts

@@ -53,10 +53,6 @@ export const loadCommunity = (): void => {
   sr71$.query(S.community, { slug })
 }
 
-export const handleWorksUpvote = (viewerHasUpvoted: boolean): void => {
-  //
-}
-
 // ###############################
 // Data & Error handlers
 // ###############################

src/containers/digest/ArticleDigest/styles/desktop_view/header.ts

@@ -1,7 +1,6 @@
 import styled from 'styled-components'
 import Link from 'next/link'
 
-import type { TMetric } from '@/spec'
 import css, { theme } from '@/css'
 
 import Img from '@/Img'

src/containers/editor/ArticleEditor/AddOn/index.tsx

@@ -1,17 +1,14 @@
 import { FC, memo } from 'react'
 
-import type { TArticleThread } from '@/spec'
-
 import type { TEditData } from '../spec'
 
 import PostAddOn from './PostAddOn'
 
 type TProps = {
-  thread: TArticleThread
   editData: TEditData
 }
 
-const Addon: FC<TProps> = ({ thread, editData }) => {
+const Addon: FC<TProps> = ({ editData }) => {
   return <PostAddOn editData={editData} />
 }
 

src/containers/editor/ArticleEditor/PublishRules/index.tsx

@@ -1,14 +1,8 @@
 import { FC, memo } from 'react'
 
-import type { TArticleThread } from '@/spec'
-
 import PostRules from './PostRules'
 
-type TProps = {
-  thread: TArticleThread
-}
-
-const PublishRules: FC<TProps> = ({ thread }) => {
+const PublishRules: FC = () => {
   return <PostRules />
 }
 

src/containers/editor/ArticleEditor/index.tsx

@@ -54,34 +54,16 @@ const ArticleEditorContainer: FC<TProps> = ({
   useInit(store)
   const { activeCat, activeTagData } = store
 
-  const {
-    isArchived,
-    archivedAt,
-    mode,
-    submitState,
-    groupedTags,
-    texts,
-    editData,
-    viewingArticle,
-    allowEdit,
-  } = store
-
-  const { meta } = viewingArticle
+  const { isArchived, archivedAt, mode, submitState, groupedTags, texts, editData, allowEdit } =
+    store
+
   const { title, body } = editData
 
   const initEditor = mode === 'publish' || body !== '{}'
 
   return (
     <Wrapper testid={testid}>
       <InnerWrapper metric={metric}>
-        {/* {communityData.id && (
-          <CommunityTagSetter
-            selectedCommunity={communityData}
-            onCommunitySelect={changeCommunity}
-            onTagSelect={onTagSelect}
-          />
-        )} */}
-
         <ContentWrapper>
           {!allowEdit && <NoticeBar type="notice" content="只有作者可以编辑本内容。" left={25} />}
           {isArchived && <ArchiveAlert date={archivedAt} top={12} bottom={20} left={25} />}

src/containers/editor/ArticleEditor/logic.ts

@@ -34,7 +34,7 @@ export const changeCommunity = (community: TCommunity): void => {
   store.mark({ community })
 }
 
-export const onTagSelect = (tags: TTag[], checked: boolean): void => {
+export const onTagSelect = (tags: TTag[]): void => {
   store.mark({ articleTags: tags })
 }
 

src/containers/editor/CommunityEditor/Content/DemoCommunity.tsx

@@ -24,7 +24,7 @@ const DemoCommunity: FC<TProps> = ({ item }) => {
   return (
     <Wrapper>
       <Community>
-        <Logo src={item.logo} slug={item.slug} />
+        <Logo src={item.logo} />
         <Title href={`/${item.slug}`}>{item.title}</Title>
       </Community>
     </Wrapper>

src/containers/editor/CommunityEditor/Content/FakeBrowser/Content.tsx

@@ -41,7 +41,7 @@ const Content: FC<TProps> = ({ title = '', desc = '', logo, communityType, onHov
         {communityType && (
           <ThreadWrapper>
             {communityIntros[communityType].threads.map((thread) => (
-              <ThreadItem key={thread} onMouseOver={(e) => onHoverThread(thread)}>
+              <ThreadItem key={thread} onMouseOver={() => onHoverThread(thread)}>
                 {Trans(thread)}
               </ThreadItem>
             ))}

src/containers/editor/CommunityEditor/logic.ts

@@ -175,7 +175,7 @@ const DataSolver = [
   {
     match: asyncRes('hasPendingCommunityApply'),
     action: ({ hasPendingCommunityApply }) => {
-      // store.mark({ hasPendingApply: hasPendingCommunityApply.exist })
+      store.mark({ hasPendingApply: hasPendingCommunityApply.exist })
     },
   },
   {

src/containers/editor/CoverEditor/Toolbox/ActionBlock.tsx

@@ -2,9 +2,6 @@ import { FC, useState } from 'react'
 
 import Tooltip from '@/widgets/Tooltip'
 
-import type { TImageRadio } from '../spec'
-import { IMAGE_RATIO } from '../constant'
-
 import {
   Wrapper,
   Block,

src/containers/editor/CoverEditor/logic.ts

@@ -4,14 +4,7 @@ import { useEffect } from 'react'
 import type { TWallpaperGradientDir } from '@/spec'
 import { buildLog } from '@/logger'
 
-import type {
-  TImagePos,
-  TImageRadio,
-  TImageRotate,
-  TImageSize,
-  TLinearBorderPos,
-  TSettingLevel,
-} from './spec'
+import type { TImagePos, TImageRadio, TImageSize, TLinearBorderPos, TSettingLevel } from './spec'
 import { IMAGE_POS } from './constant'
 import type { TStore } from './store'
 

src/containers/editor/RichEditor/RealEditor.tsx

@@ -27,7 +27,6 @@ type TProps = {
   placeholder?: string
   data?: string
   type?: 'article' | 'works' | 'job' | 'comment' | 'radar'
-  addon?: ReactNode
   reinitKey?: string
   onChange?: (json) => void
 }
@@ -39,7 +38,6 @@ const RichEditorContainer: FC<TProps> = ({
   type = 'article',
   reinitKey = '',
   onChange = log,
-  addon = <div />,
 }) => {
   useInit(store)
 

src/containers/editor/RichEditor/logic.ts

@@ -1,8 +1,6 @@
 import { useEffect } from 'react'
 
 // import ERR from '@/constant/err'
-import EVENT from '@/constant/event'
-import TYPE from '@/constant/type'
 import { buildLog } from '@/logger'
 import type { TStore } from './store'
 

src/containers/editor/RichEditor/store.ts

@@ -6,7 +6,7 @@
 import { T, Instance, markStates } from '@/mobx'
 
 const RichEditor = T.model('RichEditor', {})
-  .views((self) => ({}))
+  .views(() => ({}))
   .actions((self) => ({
     mark(sobj: Record<string, unknown>): void {
       markStates(sobj, self)

src/containers/editor/WallpaperEditor/BuildIn/AnglePanel.tsx

@@ -1,4 +1,4 @@
-import { FC, memo } from 'react'
+import { FC } from 'react'
 import { observer } from 'mobx-react'
 
 import type { TWallpaperGradientDir } from '@/spec'

src/containers/layout/GlobalLayout/Addon.tsx

@@ -1,6 +1,6 @@
 import { FC, Fragment, useEffect } from 'react'
 import { observer } from 'mobx-react'
-// import useMobileDetect from '@groupher/use-mobile-detect-hook'
+// eslint-disable-next-line import/no-unresolved
 import { Toaster } from 'sonner'
 
 import useShortcut from '@/hooks/useShortcut'

src/containers/thread/ArticlesThread/schema.ts

@@ -9,7 +9,7 @@ const getPagedArticlesSchema = (thread) => {
   `
 }
 
-const getArticleFreshSchema = (thread) => {
+const getArticleFreshSchema = () => {
   // TODO: commentParticipants
   return gql`
     query post($id: ID!, $userHasLogin: Boolean!) {

src/containers/thread/ChangelogThread/index.tsx

@@ -18,13 +18,9 @@ import { useInit } from './logic' /* eslint-disable-next-line */
 
 type TProps = {
   changelogThread?: TStore
-  testid?: string
 }
 
-const ChangelogThreadContainer: FC<TProps> = ({
-  changelogThread: store,
-  testid = 'changelog-thread',
-}) => {
+const ChangelogThreadContainer: FC<TProps> = ({ changelogThread: store }) => {
   useInit(store)
   const { globalLayout, tagsMode, pagedChangelogsData } = store
 

src/containers/thread/DashboardThread/BasicInfo/BaseInfo.tsx

@@ -1,7 +1,5 @@
 import { FC, memo } from 'react'
 
-import type { TPostLayout } from '@/spec'
-
 import { Br } from '@/widgets/Common'
 import OSSUploader from '@/widgets/OSSUploader'
 
@@ -24,12 +22,11 @@ import {
 import { edit } from '../logic'
 
 type TProps = {
-  testid?: TPostLayout
   settings: TBaseInfoSettings
   touched: TTouched
 }
 
-const BasicInfo: FC<TProps> = ({ testid = 'basic-info', settings, touched }) => {
+const BasicInfo: FC<TProps> = ({ settings, touched }) => {
   const { saving, desc, title, introduction, logo } = settings
 
   return (

src/containers/thread/DashboardThread/BasicInfo/OtherInfo/index.tsx

@@ -1,7 +1,5 @@
 import { FC, memo } from 'react'
 
-import type { TPostLayout } from '@/spec'
-
 import CitySelector from '@/widgets/CitySelector'
 import { Br, SexyDivider } from '@/widgets/Common'
 
@@ -15,12 +13,11 @@ import { Wrapper, Label, Inputer, Desc } from '../../styles/basic_info/other_inf
 import { edit } from '../../logic'
 
 type TProps = {
-  testid?: TPostLayout
   settings: TBaseInfoSettings
   touched: TTouched
 }
 
-const OtherInfo: FC<TProps> = ({ testid = 'basic-info', settings, touched }) => {
+const OtherInfo: FC<TProps> = ({ settings, touched }) => {
   const { city, techstack } = settings
 
   return (

src/containers/thread/DashboardThread/BasicInfo/SocialInfo.tsx

@@ -1,7 +1,5 @@
 import { FC, memo } from 'react'
 
-import type { TPostLayout } from '@/spec'
-
 import SocialEditor from '@/widgets/SocialEditor'
 
 import { SETTING_FIELD } from '../constant'
@@ -13,12 +11,11 @@ import { Wrapper } from '../styles/basic_info/base_info'
 import { updateSocialLinks } from '../logic'
 
 type TProps = {
-  testid?: TPostLayout
   settings: TBaseInfoSettings
   touched: TTouched
 }
 
-const SocialInfo: FC<TProps> = ({ testid = 'basic-info', settings, touched }) => {
+const SocialInfo: FC<TProps> = ({ settings, touched }) => {
   const { socialLinks, saving } = settings
 
   return (

src/containers/thread/DashboardThread/BasicInfo/index.tsx

@@ -2,7 +2,6 @@ import { FC, useEffect } from 'react'
 import { observer } from 'mobx-react'
 import Router from 'next/router'
 
-import type { TPostLayout } from '@/spec'
 import { DASHBOARD_BASEINFO_ROUTE } from '@/constant/route'
 import VIEW from '@/constant/view'
 
@@ -22,12 +21,11 @@ import { Wrapper, Banner, TabsWrapper } from '../styles/basic_info'
 import { edit, loadBaseInfo } from '../logic'
 
 type TProps = {
-  testid?: TPostLayout
   settings: TBaseInfoSettings
   touched: TTouched
 }
 
-const BasicInfo: FC<TProps> = ({ testid = 'basic-info', settings, touched }) => {
+const BasicInfo: FC<TProps> = ({ settings, touched }) => {
   const curCommunity = useViewingCommunity()
   const { baseInfoTab } = settings