refactor: single thread for pages

src/containers/content/CommunityContent/AboutContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import AboutThread from '@/containers/thread/AboutThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="about-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <AboutThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <AboutThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/ChangeLogContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import ChangelogThread from '@/containers/thread/ChangelogThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="changelog-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <ChangelogThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <ChangelogThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/DashboardContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import DashboardThread from '@/containers//thread/DashboardThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="dashboard-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <DashboardThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <DashboardThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/HelpContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import HelpThread from '@/containers//thread/HelpThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="help-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <HelpThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <HelpThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/KanbanContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import KanbanThread from '@/containers//thread/KanbanThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="kanban-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <KanbanThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <KanbanThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/PostContent.tsx

@@ -0,0 +1,53 @@
+/*
+ * CommunityContent
+ */
+
+import { FC } from 'react'
+import { isMobile } from 'react-device-detect'
+
+import { bond } from '@/utils/mobx'
+
+import CommunityDigest from '@/containers/digest/CommunityDigest'
+import ArticlesThread from '@/containers//thread/ArticlesThread'
+
+import type { TStore } from './store'
+import { useInit } from './logic'
+
+import {
+  Wrapper,
+  InnerWrapper,
+  ContentWrapper,
+  MobileCardsWrapper,
+} from './styles'
+
+type TProps = {
+  communityContent?: TStore
+}
+
+/**
+ * only for AboutThread, but link to the common communityContent store
+ */
+const CommunityContentContainer: FC<TProps> = ({ communityContent: store }) => {
+  useInit(store)
+
+  return (
+    <Wrapper testid="post-thread-content">
+      <CommunityDigest />
+      {isMobile ? (
+        <MobileCardsWrapper>
+          <ContentWrapper>
+            <ArticlesThread />
+          </ContentWrapper>
+        </MobileCardsWrapper>
+      ) : (
+        <InnerWrapper>
+          <ContentWrapper>
+            <ArticlesThread />
+          </ContentWrapper>
+        </InnerWrapper>
+      )}
+    </Wrapper>
+  )
+}
+
+export default bond(CommunityContentContainer, 'communityContent') as FC<TProps>

src/containers/content/CommunityContent/ThreadContent.tsx

@@ -8,7 +8,7 @@ import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 import ArticlesThread from '@/containers//thread/ArticlesThread'
 import KanbanThread from '@/containers//thread/KanbanThread'
-import ChangeThread from '@/containers//thread/ChangelogThread'
+import ChangeLogThread from '@/containers//thread/ChangelogThread'
 // import ReposThread from '@/containers/thread/ReposThread'
 // import CperMapThread from '@/containers/thread/CperMapThread'
 // import WipThread from './WipThread'
@@ -45,7 +45,7 @@ const ThreadContent: FC<TProps> = ({ thread }) => {
     }
 
     case THREAD.CHANGELOG: {
-      return <ChangeThread />
+      return <ChangeLogThread />
     }
 
     case THREAD.HELP: {