refactor: rm useless threadSidebar (#178)

src/containers/thread/DashboardThread/index.tsx

@@ -47,7 +47,6 @@ const DashboardThread: FC = () => {
   const {
     curTab,
     overviewData,
-    curCommunity,
     baseInfoSettings,
     seoSettings,
     enableSettings,

src/containers/thread/DashboardThread/store/index.ts

@@ -150,6 +150,11 @@ const DashboardThread = T.model('DashboardThread', {
   allRootRules: T.opt(T.str, '{}'),
 })
   .views((self) => ({
+    get curCommunity(): TCommunity {
+      const root = getParent(self) as TRootStore
+
+      return toJS(root.viewing.community)
+    },
     get overviewData(): TOverview {
       return toJS(self.overview)
     },
@@ -185,12 +190,6 @@ const DashboardThread = T.model('DashboardThread', {
         enable: init.enable,
       }
     },
-    get curCommunity(): TCommunity {
-      const root = getParent(self) as TRootStore
-
-      return toJS(root.viewing.community)
-    },
-
     get cmsContents(): TCMSContents {
       const slf = self as TStore
       const { batchSelectedIDs, docTab, editingFAQIndex } = slf

src/containers/thread/ThreadSidebar/ClassicLayout/index.tsx → src/containers/thread/PostThread/ThreadSidebar.tsx

@@ -10,11 +10,12 @@ import { FC, Fragment } from 'react'
 import { observer } from 'mobx-react-lite'
 
 import useAvatarLayout from '@/hooks/useAvatarLayout'
+import useCommunityDigestViewport from '@/hooks/useCommunityDigestViewport'
 import EVENT from '@/constant/event'
 import { ARTICLE_CAT } from '@/constant/gtd'
 
 import { buildLog } from '@/logger'
-import { send } from '@/signal'
+import { send, callGEditor, callSyncSelector } from '@/signal'
 import { mockUsers } from '@/mock'
 
 import ImgFallback from '@/widgets/ImgFallback'
@@ -34,17 +35,13 @@ import {
   MoreNum,
   CommunityNoteWrapper,
   PublishWrapper,
-} from '../styles/classic_layout'
-import { onPublish } from '../logic'
+} from './styles/thread_sidebar'
 
 /* eslint-disable-next-line */
 const log = buildLog('w:ClassicSidebar')
 
-export type TProps = {
-  showCommunityBadge: boolean
-}
-
-const ClassicLayout: FC<TProps> = ({ showCommunityBadge }) => {
+const ThreadSidebar: FC = () => {
+  const { inView: showCommunityBadge } = useCommunityDigestViewport()
   const avatarLayout = useAvatarLayout()
 
   return (
@@ -86,8 +83,14 @@ const ClassicLayout: FC<TProps> = ({ showCommunityBadge }) => {
           <PublishWrapper $show={showCommunityBadge}>
             <PublishButton
               text="参与讨论"
-              onClick={() => onPublish(ARTICLE_CAT.FEATURE)}
-              onMenuSelect={onPublish}
+              onClick={() => {
+                // callGEditor()
+                // setTimeout(() => callSyncSelector({ cat, tag: store.activeTag }), 500)
+                // onPublish(ARTICLE_CAT.FEATURE)
+              }}
+              onMenuSelect={() => {
+                console.log('## TODO')
+              }}
               left={-2}
               offset={[0, 5]}
             />
@@ -104,4 +107,4 @@ const ClassicLayout: FC<TProps> = ({ showCommunityBadge }) => {
   )
 }
 
-export default observer(ClassicLayout)
+export default observer(ThreadSidebar)

src/containers/thread/PostThread/index.tsx

@@ -16,13 +16,14 @@ import useBannerLayout from '@/hooks/useBannerLayout'
 import usePagedPosts from '@/hooks/usePagedPosts'
 import { THREAD } from '@/constant/thread'
 
-import ThreadSidebar from '@/containers/thread/ThreadSidebar'
 import PagedPosts from '@/widgets/PagedPosts'
 import TagNote from '@/widgets/TagNote'
 import ViewportTracker from '@/widgets/ViewportTracker'
 import ArticlesFilter from '@/widgets/ArticlesFilter'
 // import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
+import ThreadSidebar from './ThreadSidebar'
+
 import { Wrapper, MainWrapper, SidebarWrapper, FilterWrapper } from './styles'
 import { inAnchor, outAnchor, onFilterSelect } from './logic'