ywana-core8 0.0.68 → 0.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ywana-core8",
3
- "version": "0.0.68",
3
+ "version": "0.0.69",
4
4
  "description": "ywana-core8",
5
5
  "author": "Ernesto Roldan Garcia",
6
6
  "license": "MIT",
@@ -1,6 +1,7 @@
1
1
  .avatar {
2
- border-radius: 100%;
3
2
  background-color: rgba(200,200,200,.1);
3
+ border: solid 3px transparent;
4
+ border-radius: 100%;
4
5
  overflow: hidden;
5
6
  }
6
7
 
@@ -6,7 +6,7 @@ import './Avatar.css'
6
6
  */
7
7
  export const Avatar = (props) => {
8
8
 
9
- const { id, name, src, size="small", clickable=false, action} = props
9
+ const { id, name, className, src, size="small", clickable=false, action} = props
10
10
 
11
11
  function click() {
12
12
  if (clickable) {
@@ -14,10 +14,10 @@ export const Avatar = (props) => {
14
14
  }
15
15
  }
16
16
 
17
- const style = clickable ? 'clickable' : ''
18
- const className= `avatar ${size} ${style}`
17
+ const clickableStyle = clickable ? 'clickable' : ''
18
+ const style = `avatar ${size} ${clickableStyle} ${className}`
19
19
  return (
20
- <div className={className} onClick={click}>
20
+ <div className={style} onClick={click}>
21
21
  { src ? <img src={src} /> : <span>{name}</span>}
22
22
  </div>
23
23
  )