1- import { FC , memo } from 'react'
1+ import { FC } from 'react'
22
33import Link from 'next/link'
44
5+ import type { TMetric } from '@/spec'
56import { ICON , GITHUB , BUILD_VERSION , ABOUT_LINK } from '@/config'
7+ import { pluggedIn } from '@/utils/mobx'
68import { ROUTE } from '@/constant'
79
10+ import type { TStore } from '../store'
811import {
912 Wrapper ,
1013 SiteWrapper ,
@@ -16,37 +19,47 @@ import {
1619 Divider ,
1720 VersionWrapper ,
1821} from '../styles/mobile_view'
22+ import { useInit } from '../logic'
1923
20- const MobileView : FC = ( ) => (
21- < Wrapper >
22- < SiteWrapper >
23- < Logo />
24- < SiteTitle > oderPlanets</ SiteTitle >
25- </ SiteWrapper >
26-
27- < SiteInfoWrapper >
28- < Link href = { `${ ABOUT_LINK } ` } passHref >
29- < Item > 关于</ Item >
30- </ Link >
31- < Divider space = { 8 } radius = { 3 } />
32- < Link href = "/feedback" passHref >
33- < Item > 建议反馈</ Item >
34- </ Link >
35- < Divider space = { 8 } radius = { 3 } />
36- < Link href = { `/${ ROUTE . SPONSOR } ` } passHref >
37- < Item >
38- 特别感谢 < ItemIcon src = { `${ ICON } /emotion/heart.png` } />
39- </ Item >
40- </ Link >
41- < Divider space = { 8 } radius = { 3 } />
42- < Link href = { GITHUB } passHref >
43- < Item target = "_blank" > Github</ Item >
44- </ Link >
45- </ SiteInfoWrapper >
46- < VersionWrapper >
47- < Item > { BUILD_VERSION } </ Item >
48- </ VersionWrapper >
49- </ Wrapper >
50- )
51-
52- export default memo ( MobileView )
24+ type TProps = {
25+ footer ?: TStore
26+ metric ?: TMetric
27+ }
28+
29+ const FooterContainer : FC < TProps > = ( { footer : store , metric } ) => {
30+ useInit ( store , metric )
31+
32+ return (
33+ < Wrapper >
34+ < SiteWrapper >
35+ < Logo />
36+ < SiteTitle > oderPlanets</ SiteTitle >
37+ </ SiteWrapper >
38+
39+ < SiteInfoWrapper >
40+ < Link href = { `${ ABOUT_LINK } ` } passHref >
41+ < Item > 关于</ Item >
42+ </ Link >
43+ < Divider space = { 8 } radius = { 3 } />
44+ < Link href = "/feedback" passHref >
45+ < Item > 建议反馈</ Item >
46+ </ Link >
47+ < Divider space = { 8 } radius = { 3 } />
48+ < Link href = { `/${ ROUTE . SPONSOR } ` } passHref >
49+ < Item >
50+ 特别感谢 < ItemIcon src = { `${ ICON } /emotion/heart.png` } />
51+ </ Item >
52+ </ Link >
53+ < Divider space = { 8 } radius = { 3 } />
54+ < Link href = { GITHUB } passHref >
55+ < Item target = "_blank" > Github</ Item >
56+ </ Link >
57+ </ SiteInfoWrapper >
58+ < VersionWrapper >
59+ < Item > { BUILD_VERSION } </ Item >
60+ </ VersionWrapper >
61+ </ Wrapper >
62+ )
63+ }
64+
65+ export default pluggedIn ( FooterContainer ) as FC
0 commit comments