Commit40bc04f

committed

feat(usersTable): add social cell

1 parent1510053 commit40bc04fCopy full SHA for 40bc04f

File tree

+72

-3

lines changed

+72

-3

lines changed

Lines changed: 47 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,47 @@`
	`1`	`+/*`
	`2`	`+ *`
	`3`	`+ * SocialSell`
	`4`	`+ *`
	`5`	`+ */`
	`6`	`+`
	`7`	`+importReactfrom'react'`
	`8`	`+importPropTypesfrom'prop-types'`
	`9`	`+importRfrom'ramda'`
	`10`	`+`
	`11`	`+import{ICON_CMD}from'config'`
	`12`	`+import{makeDebugger}from'utils'`
	`13`	`+`
	`14`	`+import{Wrapper,SocalIcon}from'./styles'`
	`15`	`+`
	`16`	`+/* eslint-disable-next-line */`
	`17`	`+constdebug=makeDebugger('c:SocialSell:index')`
	`18`	`+`
	`19`	`+constSocialSell=({ data})=>{`
	`20`	`+constvalidList=[]`
	`21`	`+`
	`22`	`+R.forEachObjIndexed((v,k)=>{`
	`23`	`+if(v){`
	`24`	`+validList.push({social:k,value:v})`
	`25`	`+}`
	`26`	`+},data)`
	`27`	`+`
	`28`	`+return(`
	`29`	`+<Wrapper>`
	`30`	`+{validList.map(item=>(`
	`31`	`+<divkey={item.social}>`
	`32`	`+<ahref={item.value}target="_blank"rel="noopener noreferrer">`
	`33`	+<SocalIconsrc={`${ICON_CMD}/${item.social}.svg`}/>
	`34`	`+</a>`
	`35`	`+</div>`
	`36`	`+))}`
	`37`	`+</Wrapper>`
	`38`	`+)`
	`39`	`+}`
	`40`	`+`
	`41`	`+SocialSell.propTypes={`
	`42`	`+data:PropTypes.object.isRequired,`
	`43`	`+}`
	`44`	`+`
	`45`	`+SocialSell.defaultProps={}`
	`46`	`+`
	`47`	`+exportdefaultReact.memo(SocialSell)`

Lines changed: 13 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,13 @@`
	`1`	`+importstyledfrom'styled-components'`
	`2`	`+`
	`3`	`+importImgfrom'Img'`
	`4`	`+// import { theme } from '@utils'`
	`5`	`+`
	`6`	+exportconstWrapper=styled.div``
	`7`	+exportconstTitle=styled.div``
	`8`	`+`
	`9`	+exportconstSocalIcon=styled(Img)`
	`10`	`+ width: 15px;`
	`11`	`+ height: 15px;`
	`12`	`+ display: block;`
	`13`	+`

Lines changed: 10 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,10 @@`
	`1`	`+// import React from 'react'`
	`2`	`+// import { shallow } from 'enzyme'`
	`3`	`+`
	`4`	`+// import SocialSell from '../index'`
	`5`	`+`
	`6`	`+describe('TODO <SocialSell />',()=>{`
	`7`	`+it('Expect to have unit tests specified',()=>{`
	`8`	`+expect(true).toEqual(true)`
	`9`	`+})`
	`10`	`+})`

Lines changed: 2 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@ import Pagi from '../Pagi'`
`13`	`13`	`import{TableLoading}from'../LoadingEffects'`
`14`	`14`	`importMaybeCellfrom'../MaybeCell'`
`15`	`15`	`importUserCellfrom'../UserCell'`
	`16`	`+importSocialSellfrom'../SocialSell'`
`16`	`17`	`importTimeStampCellfrom'../TimeStampCell'`
`17`	`18`
`18`	`19`	`importPermissionCellfrom'../PermissionCell'`
`@@ -66,9 +67,7 @@ class UsersTable extends React.PureComponent {`
`66`	`67`	`dataIndex:'social',`
`67`	`68`	`align:'center',`
`68`	`69`	`width:150,`
`69`		`-render:()=>{`
`70`		`-return<div>hello</div>`
`71`		`-},`
	`70`	`+render:data=><SocialSelldata={data}/>,`
`72`	`71`	`},`
`73`	`72`	`{`
`74`	`73`	`title:'关注社区',`

Comments

(0)