refactor: up to date

Author: mydearxym

containers/AccountEditor/index.js

@@ -78,7 +78,7 @@ const FormItem = ({ label, textarea, value, onChange }) => (
 )
 
 class AccountEditorContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { accountEditor } = this.props
     logic.init(accountEditor)
   }

containers/AccountViewer/index.js

@@ -39,16 +39,13 @@ const ThemeSection = ({ themeKeys, curTheme }) => {
 }
 
 class AccountViewerContainer extends React.Component {
-  componentWillMount() {
-    const { accountViewer } = this.props
-    logic.init(accountViewer)
-    logic.loadAccount()
-  }
-
   componentDidMount() {
     /* force rebuild the tooltip, otherwise it won't work in some async cases */
     /* if you want to custom see: */
     /* https://github.com/wwayne/react-tooltip/blob/2364dc61332aa947b106dd4bbdd1f2b0e4b1e51d/src/index.scss */
+    const { accountViewer, user } = this.props
+    logic.init(accountViewer, user)
+
     setTimeout(() => {
       ReactTooltip.rebuild()
     }, 2000)

containers/AccountViewer/logic.js

@@ -11,6 +11,7 @@ import {
 } from '../../utils'
 import SR71 from '../../utils/network/sr71'
 import S from './schema'
+
 /* eslint-disable no-unused-vars */
 const debug = makeDebugger('L:AccountViewer')
 /* eslint-enable no-unused-vars */
@@ -20,6 +21,7 @@ const sr71$ = new SR71({
 })
 
 let store = null
+let sub$ = null
 
 export function loadUser() {}
 
@@ -80,7 +82,23 @@ const ErrSolver = [
   },
 ]
 
-export function init(selectedStore) {
-  store = selectedStore
-  sr71$.data().subscribe($solver(DataSolver, ErrSolver))
+export const loadUserInfo = user => {
+  if (user) return loadUser(user)
+  loadAccount()
+}
+
+export function init(_store, user) {
+  store = _store
+
+  if (sub$) return loadUserInfo(user)
+  sub$ = sr71$.data().subscribe($solver(DataSolver, ErrSolver))
+
+  return loadUserInfo(user)
+}
+
+export function uninit() {
+  if (!sub$) return false
+  debug('===== do uninit')
+  sub$.unsubscribe()
+  sub$ = null
 }

containers/ApiLayout/index.js

@@ -19,7 +19,7 @@ const debug = makeDebugger('C:ApiLayout')
 /* eslint-enable no-unused-vars */
 
 class ApiLayoutContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { apiLayout } = this.props
     logic.init(apiLayout)
   }

containers/ArticleViwer/index.js

@@ -40,7 +40,7 @@ const Viwer = ({ type, data, loading, onReaction }) => {
 }
 
 class ArticleViwerContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { articleViwer } = this.props
     logic.init(articleViwer)
   }

containers/Banner/index.js

@@ -39,7 +39,7 @@ const DomainBanner = ({ curRoute }) => {
    for some unkown reasion, pages/index will always be the entry in dev mode
  */
 class BannerContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { banner } = this.props
     logic.init(banner)
   }

containers/BodyLayout/index.js

@@ -17,7 +17,7 @@ import Body from './styles'
 import * as logic from './logic'
 
 class BodyLayoutContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { bodylayout } = this.props
     logic.init(bodylayout)
   }

containers/CategoryEditor/index.js

@@ -28,7 +28,7 @@ const debug = makeDebugger('C:CategoryEditor')
 /* eslint-enable no-unused-vars */
 
 class CategoryEditorContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { categoryEditor, editData } = this.props
 
     logic.init(categoryEditor, editData)

containers/CategorySetter/index.js

@@ -32,7 +32,7 @@ const CategoriesList = ({ communityId, categories, selectedids }) => (
 )
 
 class CategorySetterContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { categorySetter } = this.props
     logic.init(categorySetter)
   }

containers/CheatSheetContent/index.js

@@ -81,7 +81,7 @@ const Langs = ({ base }) => {
 }
 
 class CheatSheetContentContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { cheatSheetContent } = this.props
     logic.init(cheatSheetContent)
   }

containers/Comments/index.js

@@ -21,7 +21,7 @@ const debug = makeDebugger('C:Comments')
 /* eslint-enable no-unused-vars */
 
 class CommentsContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { comments } = this.props
     logic.init(comments)
   }

containers/CommunitiesBanner/CategoryBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class CategoryBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadCategories()
   }
 

containers/CommunitiesBanner/EditorsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class EditorsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     // logic.loadEditors()
   }
 

containers/CommunitiesBanner/IndexBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class IndexBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadCommunities()
   }
 

containers/CommunitiesBanner/JobsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class JobsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadJobs()
   }
 

containers/CommunitiesBanner/PostsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class PostsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadPosts()
   }
 

containers/CommunitiesBanner/TagsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class TagsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadTags()
   }
 

containers/CommunitiesBanner/ThreadsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class ThreadsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadThreads()
   }
 

containers/CommunitiesBanner/index.js

@@ -99,7 +99,7 @@ const ChildBanner = ({ curRoute, store }) => {
 }
 
 class CommunitiesBannerContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communitiesBanner } = this.props
     logic.init(communitiesBanner)
   }

containers/CommunitiesContent/CategoriesContent.js

@@ -110,14 +110,9 @@ const columns = [
 ]
 
 class CategoriesContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadCategories()
-  }
 
-  componentDidMount() {
-    /* force rebuild the tooltip, otherwise it won't work in some async cases */
-    /* if you want to custom see: */
-    /* https://github.com/wwayne/react-tooltip/blob/2364dc61332aa947b106dd4bbdd1f2b0e4b1e51d/src/index.scss */
     setTimeout(() => {
       ReactTooltip.rebuild()
     }, 2000)

containers/CommunitiesContent/IndexContent.js

@@ -163,7 +163,7 @@ const columns = [
 ]
 
 class IndexContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadCommunitiesIfOnClient()
   }
 

containers/CommunitiesContent/JobsContent.js

@@ -158,7 +158,7 @@ const columns = [
 ]
 
 class JobsContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadJobs()
   }
 

containers/CommunitiesContent/PostsContent.js

@@ -165,7 +165,7 @@ const columns = [
 ]
 
 class PostsContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadPosts()
   }
 

containers/CommunitiesContent/ThreadsContent.js

@@ -89,8 +89,8 @@ const columns = [
 ]
 
 class ThreadsContent extends React.Component {
-  componentWillMount() {
-    console.log('ThreadsContent ,componentWillMount')
+  componentDidMount() {
+    console.log('ThreadsContent ,componentDidMount')
     logic.loadThreadsIfOnClient()
   }
 

containers/CommunitiesContent/index.js

@@ -63,7 +63,7 @@ const renderChildContent = (curRoute, store, restProps) => {
 }
 
 class CommunitiesContentContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communitiesContent } = this.props
     logic.init(communitiesContent)
   }

containers/CommunityBanner/PostsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class PostsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadPosts()
   }
 

containers/CommunityBanner/SubscribersBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class SubscribersBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadUsers()
   }
 

containers/CommunityBanner/TagsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class TagsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadTags()
   }
 

containers/CommunityBanner/ThreadsBanner.js

@@ -17,7 +17,7 @@ import {
 import * as logic from './logic'
 
 class ThreadsBanner extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     // logic.loadPosts()
   }
 

containers/CommunityBanner/index.js

@@ -63,7 +63,7 @@ const renderChildBanner = (route, store) => {
 }
 
 class CommunityBannerContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communityBanner } = this.props
     logic.init(communityBanner)
   }

containers/CommunityContent/PostsContent.js

@@ -130,7 +130,7 @@ const columns = [
 ]
 
 class PostsContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadPosts()
   }
 

containers/CommunityContent/TagsContent.js

@@ -100,7 +100,7 @@ const columns = [
 ]
 
 class TagsContent extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     logic.loadTags()
   }
 

containers/CommunityContent/index.js

@@ -43,7 +43,7 @@ const renderChildContent = (route, store, restProps) => {
 }
 
 class CommunityContentContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communityContent } = this.props
     logic.init(communityContent)
   }

containers/CommunityEditor/index.js

@@ -29,7 +29,7 @@ const debug = makeDebugger('C:CommunityEditor')
 /* eslint-enable no-unused-vars */
 
 class CommunityEditorContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communityEditor, editData } = this.props
     logic.init(communityEditor, editData)
   }

containers/CommunitySetter/index.js

@@ -42,7 +42,7 @@ const CommunitiesList = ({ thread, source, communities, selectedids }) => (
 )
 
 class CommunitySetterContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { communitySetter } = this.props
     logic.init(communitySetter)
   }

containers/Content/index.js

@@ -35,7 +35,7 @@ const DomainContent = ({ curRoute }) => {
    for some unkown reasion, pages/index will always be the entry in dev mode
  */
 class ContentContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { content } = this.props
     logic.init(content)
   }

containers/Doraemon/index.js

@@ -45,7 +45,7 @@ const HintIcon = ({ index, active, cur, length }) => {
 }
 
 class DoraemonContainer extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     const { doraemon } = this.props
     logic.init(doraemon)
   }