fix: add a avatar color

Adslot · Jul 7, 2021 · 9f717d5 · 9f717d5
1 parent e2a7055
commit 9f717d5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Avatar/index.jsx b/src/components/Avatar/index.jsx
@@ -25,9 +25,9 @@ const Avatar = ({ color, givenName, tooltip, image, surname }) => (
 
 Avatar.propTypes = {
   /**
-   * PropTypes.oneOf(['blue', 'green', 'red', 'orange', 'cyan'])
+   * PropTypes.oneOf(['blue', 'green', 'red', 'orange', 'cyan', 'black'])
    */
-  color: PropTypes.oneOf(['blue', 'green', 'red', 'orange', 'cyan']),
+  color: PropTypes.oneOf(['blue', 'green', 'red', 'orange', 'cyan', 'black']),
   givenName: PropTypes.string,
   tooltip: PropTypes.string,
   image: PropTypes.string,

diff --git a/src/components/Avatar/styles.scss b/src/components/Avatar/styles.scss
@@ -53,4 +53,8 @@ $diameter: 35px;
   &-cyan {
     background-color: $color-cyan;
   }
+
+  &-black {
+    background-color: $color-gray-darker;
+  }
 }