clean the mass (console.log , f-word ...)

Author: mydearxym

components/Button/index.js

@@ -16,16 +16,18 @@ import { makeDebugger } from '../../utils/functions'
 const debug = makeDebugger('c:Button:index')
 /* eslint-enable no-unused-vars */
 
-const Button = ({ children }) => {
-  return <MButton>{children}</MButton>
+const Button = ({ children, size }) => {
+  return <MButton size={size}>{children}</MButton>
 }
 
 MButton.propTypes = {
   children: PropTypes.string,
+  size: PropTypes.oneOf(['default', 'large', 'small']),
 }
 
 MButton.defaultProps = {
   children: '..?..',
+  size: 'default',
 }
 
 export default Button

components/Button/styles/index.js

@@ -1,30 +1,35 @@
-import styled, { injectGlobal } from 'styled-components'
-
+import styled from 'styled-components'
 import { Button } from 'antd'
 
+import { theme } from '../../../utils/themes'
+
 const MButton = styled(Button)`
-  color: tomato;
+  color: ${theme('button.fg')};
+  background: ${theme('button.bg')};
+  border-color: ${theme('button.border')};
   &:hover {
-    color: tomato;
-    border-color: tomato;
+    color: ${theme('button.fg')};
+    border-color: ${theme('button.border')};
+    background: ${theme('button.hover')};
   }
   &:focus {
-    color: tomato;
-    border-color: tomato;
+    color: ${theme('button.fg')};
+    border-color: ${theme('button.border')};
+    background: ${theme('button.focus')};
   }
   &:active {
-    color: tomato;
-    border-color: tomato;
+    color: ${theme('button.fg')};
+    border-color: ${theme('button.border')};
+    background: ${theme('button.active')};
   }
 `
 
 /* eslint-disable no-unused-expressions */
-// TODO: move to global
-injectGlobal`
- .ant-btn-clicked:after {
-  border: 0 solid tomato;
- }
-`
+// injectGlobal`
+//  .ant-btn-clicked:after {
+//   border: 0 solid ${color})};
+//   }
+// `
 /* eslint-enable no-unused-expressions */
 
 export default MButton

containers/Decrator/index.js

@@ -40,7 +40,7 @@ const selector = ({ store }) => ({
 
 const ThemeObserver = ({ children, theme }) => (
   <ThemeProvider theme={theme.themeData}>
-    <Container className="fuck">
+    <Container>
       <style jsx global>
         {globalStyles}
       </style>

containers/Doraemon/logic.js

@@ -198,7 +198,7 @@ export function init(selectedStore) {
   initCmdResolver()
 
   pockect$.cmdSuggesttion().subscribe(res => {
-    debug('--> loadSuggestions res: ', res)
+    // debug('--> loadSuggestions res: ', res)
     store.loadSuggestions(res)
   })
 

containers/GithubSearchPanel/Pigeon.js

@@ -15,7 +15,6 @@ import 'rxjs/add/operator/filter'
 import R from 'ramda'
 import fetch from 'isomorphic-fetch'
 
-export const fuck = 1
 const QUERY_REPOS =
   'https://api.github.com/search/repositories?sort=stars&order=desc&q='
 
@@ -34,7 +33,7 @@ const getGithubRepos = R.curry(getRepos)
 const isEmptyValue = R.compose(R.isEmpty, R.trim)
 const isNotEmptyValue = R.compose(R.not, isEmptyValue)
 
-export class SearchService {
+export default class SearchService {
   constructor() {
     this.searchTerm = new Subject()
     //     this.doSearch = R.curry(this.githubQuery)

containers/GithubSearchPanel/logic.js

@@ -1,7 +1,7 @@
 import R from 'ramda'
 
 import { makeDebugger } from '../../utils/functions'
-import { SearchService } from './Pigeon'
+import SearchService from './Pigeon'
 
 const debug = makeDebugger('L:UniversePanel')
 

containers/IntroBody/ThemeSelector.js

@@ -37,4 +37,3 @@ export const ThemeSelector = styled.div`
 
 // ${props => 'x')}
 // ${props => (props.active ? '✓' : 'x')}
-// const Fuck = <Flex><ThemeSelector></Flex>

stores/DoraemonStore/index.js

@@ -57,7 +57,6 @@ const DoraemonStore = t
       return getParent(self)
     },
     get allSuggestions() {
-      // console.log('fuck cmds: ', cmds)
       return R.mergeAll([self.root.communities.all, mapKeys(R.toLower, cmds)])
     },
     get communities() {

stores/DoraemonStore/suggestions/index.js

@@ -1,21 +1,3 @@
 export { default as pl } from './pl'
 export { default as framework } from './framework'
 export { default as database } from './database'
-
-// '/ruby': { page: '/', query: { name: 'ruby' } },
-/*
-const route = {}
-R.forEachObjIndexed(v => {
-  route[v.raw] = { page: '/', query: { name: `${v.raw}` } }
-}, pl)
-
-const fuck = mapKeys(R.toLower, route)
-const fuck2 = mapKeys(k => `'/${k}'`, fuck)
-
-// console.log('config pl: ', pl)
-
-// console.log('fuck: ', fuck)
-// console.log('fuck: ', fuck2)
-*/
-
-// export const communityRoutes = fuck2

stores/ThemeStore/index.js

@@ -6,11 +6,12 @@
 import { types as t, getParent } from 'mobx-state-tree'
 import R from 'ramda'
 
-// import { makeDebugger } from '../../utils/functions'
-import { markStates } from '../../utils/functions'
+import { makeDebugger, markStates } from '../../utils/functions'
 import { themeDict } from '../../utils/themes'
 
-// const debug = makeDebugger('S:ThemeStore')
+/* eslint-disable no-unused-vars */
+const debug = makeDebugger('S:ThemeStore')
+/* eslint-enable no-unused-vars */
 
 export const ThemeDefaults = {
   curTheme: 'default',