refactor(footer): add real logic to mobile footer

Author: mydearxym

containers/Doraemon/logic.js

@@ -25,7 +25,9 @@ import { SwissArmyKnife } from './helper/swissArmyKnife'
 import githubLoginHandler from './oauth/github_handler'
 
 const debug = makeDebugger('L:Doraemon')
-const sr71$ = new SR71()
+const sr71$ = new SR71({
+  resv_event: [EVENT.QUERY_DORAMON],
+})
 
 let sub$ = null
 let store = null
@@ -428,6 +430,15 @@ const DataSolver = [
       convert2Sugguestions(data, totalCount)
     },
   },
+  {
+    match: asyncRes(EVENT.QUERY_DORAMON),
+    action: res => {
+      const { data } = res[EVENT.QUERY_DORAMON]
+      store.open()
+      store.markState({ inputValue: data })
+      queryPocket()
+    },
+  },
 ]
 
 const ErrSolver = [

containers/Footer/MobilBottomInfo.js

@@ -13,30 +13,18 @@ import {
   ThxTitle,
 } from './styles/mobile_bottom_info'
 
-import { toggleBusBanner } from './logic'
+import { toggleBusBanner, openDoraemon } from './logic'
 
 const MobileBottomInfo = () => (
   <React.Fragment>
     <LinkInfoWrapper>
-      <ItemBtn href="/communities" rel="noopener noreferrer" target="_blank">
+      <ItemBtn as="a" href="/communities" rel="noopener noreferrer">
         所有社区
       </ItemBtn>
       <DotDivider radius="4px" />
-      <ItemBtn href="/communities" rel="noopener noreferrer" target="_blank">
-        我的关注
-      </ItemBtn>
-      <DotDivider radius="4px" />
-      <ItemBtn
-        href={`${GITHUB_WEB_ADDR}`}
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        主题
-      </ItemBtn>
+      <ItemBtn onClick={openDoraemon.bind(this, '/')}>我的关注</ItemBtn>
       <DotDivider radius="4px" />
-      <ItemBtn href={`${ISSUE_ADDR}`} rel="noopener noreferrer" target="_blank">
-        打赏
-      </ItemBtn>
+      <ItemBtn onClick={openDoraemon.bind(this, '/theme/')}>切换主题</ItemBtn>
     </LinkInfoWrapper>
 
     <SiteInfoWrapper>

containers/Footer/logic.js

@@ -1,6 +1,12 @@
 // import R from 'ramda'
 
-import { makeDebugger, $solver, PAYMENT_USAGE } from 'utils'
+import {
+  makeDebugger,
+  $solver,
+  dispatchEvent,
+  EVENT,
+  PAYMENT_USAGE,
+} from 'utils'
 import SR71 from 'utils/async/sr71'
 
 // import S from './schema'
@@ -27,6 +33,9 @@ export const onPay = num => {
   if (!store.isLogin) return store.authWarning()
   store.cashierHelper({ paymentUsage: PAYMENT_USAGE.DONATE, amount: num })
 }
+
+export const openDoraemon = data => dispatchEvent(EVENT.QUERY_DORAMON, { data })
+
 // ###############################
 // Data & Error handlers
 // ###############################

utils/constants.js

@@ -49,6 +49,9 @@ export const EVENT = {
   // upload
   UPLOAD_IMG_START: 'UPLOAD_IMG_START',
   UPLOAD_IMG_FINISH: 'UPLOAD_IMG_FINISH',
+
+  // doramon
+  QUERY_DORAMON: 'QUERY_DORAMON',
 }
 
 export const TYPE = {