chore(Footer): use c11n in store

Author: mydearxym

src/containers/unit/Footer/DesktopView/index.tsx

@@ -40,20 +40,13 @@ const FooterContainer: FC<TProps> = ({
 }) => {
   useInit(store, metric)
 
-  const {
-    showSponsor,
-    viewingArticle,
-    accountInfo: {
-      customization: { bannerLayout },
-    },
-    // type,
-  } = store
+  const { showSponsor, viewingArticle, c11n } = store
 
   return (
-    <Wrapper testid={testid} layout={bannerLayout} metric={metric}>
+    <Wrapper testid={testid} layout={c11n.bannerLayout} metric={metric}>
       <JoinModal />
       {metric === METRIC.COMMUNITY && (
-        <HomeLayout metric={metric} layout={bannerLayout} />
+        <HomeLayout metric={metric} layout={c11n.bannerLayout} />
       )}
       {metric === METRIC.WORKS_ARTICLE && (
         <WorksArticleLayout viewingArticle={viewingArticle} />
@@ -66,7 +59,7 @@ const FooterContainer: FC<TProps> = ({
       )} */}
       {metric === METRIC.ARTICLE && (
         <ArticleView
-          layout={bannerLayout}
+          layout={c11n.bannerLayout}
           metric={metric}
           viewingArticle={viewingArticle}
         />

src/containers/unit/Footer/store.ts

@@ -5,7 +5,7 @@
 
 import { types as T, getParent, Instance } from 'mobx-state-tree'
 
-import type { TRootStore, TAccount, TArticle, TCommunity } from '@/spec'
+import type { TRootStore, TAccount, TC11N, TArticle, TCommunity } from '@/spec'
 import { METRIC } from '@/constant'
 import { markStates, toJS } from '@/utils/mobx'
 
@@ -24,7 +24,10 @@ const FooterStore = T.model('FooterStore', {
       const root = getParent(self) as TRootStore
       return root.accountInfo
     },
-
+    get c11n(): TC11N {
+      const root = getParent(self) as TRootStore
+      return root.account.c11n
+    },
     get viewingArticle(): TArticle {
       const root = getParent(self) as TRootStore
       return root.viewingArticle