refactor(dashboard): move pages to app dir (#186)

src/app/[community]/dashboard/admins/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/admins/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
-
-const DashboardAdminsPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Admin from '@/containers//thread/DashboardThread/Admin'
+
+const DashboardAdminPage = () => {
+  const { adminSettings } = useDashboardSettings()
+
+  return <Admin settings={adminSettings} />
 }
 
-export default DashboardAdminsPage
+export default observer(DashboardAdminPage)

src/app/[community]/dashboard/alias/doc/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Alias from '@/containers//thread/DashboardThread/Alias'
 
 const DashboardAliasPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { aliasSettings } = useDashboardSettings()
+
+  return <Alias settings={aliasSettings} />
 }
 
-export default DashboardAliasPage
+export default observer(DashboardAliasPage)

src/app/[community]/dashboard/alias/kanban/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Alias from '@/containers//thread/DashboardThread/Alias'
 
 const DashboardAliasPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { aliasSettings } = useDashboardSettings()
+
+  return <Alias settings={aliasSettings} />
 }
 
-export default DashboardAliasPage
+export default observer(DashboardAliasPage)

src/app/[community]/dashboard/alias/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/alias/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Alias from '@/containers//thread/DashboardThread/Alias'
 
 const DashboardAliasPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { aliasSettings } = useDashboardSettings()
+
+  return <Alias settings={aliasSettings} />
 }
 
-export default DashboardAliasPage
+export default observer(DashboardAliasPage)

src/app/[community]/dashboard/alias/thread/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Alias from '@/containers//thread/DashboardThread/Alias'
 
 const DashboardAliasPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { aliasSettings } = useDashboardSettings()
+
+  return <Alias settings={aliasSettings} />
 }
 
-export default DashboardAliasPage
+export default observer(DashboardAliasPage)

src/app/[community]/dashboard/broadcast/article/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/broadcast/article/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Broadcast from '@/containers//thread/DashboardThread/Broadcast'
 
 const DashboardBroadcastPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { broadcastSettings, touched } = useDashboardSettings()
+
+  return <Broadcast settings={broadcastSettings} touched={touched} />
 }
 
-export default DashboardBroadcastPage
+export default observer(DashboardBroadcastPage)

src/app/[community]/dashboard/broadcast/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/broadcast/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import Broadcast from '@/containers//thread/DashboardThread/Broadcast'
 
 const DashboardBroadcastPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { broadcastSettings, touched } = useDashboardSettings()
+
+  return <Broadcast settings={broadcastSettings} touched={touched} />
 }
 
-export default DashboardBroadcastPage
+export default observer(DashboardBroadcastPage)

src/app/[community]/dashboard/changelog/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/changelog/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
-
-const DashboardCommunitiesPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
+
+const DashboardChangelogPage = () => {
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardCommunitiesPage
+export default observer(DashboardChangelogPage)

src/app/[community]/dashboard/communities/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/communities/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
-
-const DashboardChangelogPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
+
+const DashboardCommunitiesPage = () => {
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardChangelogPage
+export default observer(DashboardCommunitiesPage)

src/app/[community]/dashboard/doc/cover/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/doc/cover/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
 
 const DashboardDocPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardDocPage
+export default observer(DashboardDocPage)

src/app/[community]/dashboard/doc/faq/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/doc/faq/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
 
 const DashboardDocPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardDocPage
+export default observer(DashboardDocPage)

src/app/[community]/dashboard/doc/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/doc/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
 
 const DashboardDocPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardDocPage
+export default observer(DashboardDocPage)

src/app/[community]/dashboard/doc/tree/loading.tsx

@@ -0,0 +1,9 @@
+'use client'
+
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
+
+const Loading = () => {
+  return <LavaLampLoading />
+}
+
+export default Loading

src/app/[community]/dashboard/doc/tree/page.tsx

@@ -1,13 +1,14 @@
 'use client'
 
-import DashboardContent from '@/containers/content/CommunityContent/DashboardContent'
+import { observer } from 'mobx-react-lite'
+
+import useDashboardSettings from '@/hooks/useDashboardSettings'
+import CMS from '@/containers//thread/DashboardThread/CMS'
 
 const DashboardDocPage = () => {
-  return (
-    <>
-      <DashboardContent />
-    </>
-  )
+  const { cmsContents, curTab, touched } = useDashboardSettings()
+
+  return <CMS cmsContents={cmsContents} route={curTab} touched={touched} />
 }
 
-export default DashboardDocPage
+export default observer(DashboardDocPage)