Replace Avatar in favor of Icon in OuiFacetButtons example (opensearc…

…h-project#987) * Replace Avatar in favor of Icon in OuiFacetButtons example (opensearch-project#909) Signed-off-by: Danila Gulderov <danila@gulderov.me> * changelog update (opensearch-project#909) Signed-off-by: Danila Gulderov <danila@gulderov.me> --------- Signed-off-by: Danila Gulderov <danila@gulderov.me>
gulderov · Sep 1, 2023 · 36cb2a8 · 36cb2a8
1 parent c9d0d62
commit 36cb2a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -37,6 +37,7 @@
 
 ### 📝 Documentation
 
+- Replace Avatar in favor of Icon in OuiFacetButtons example ([#987](https://github.com/opensearch-project/oui/pull/987))
 - Add dark prop toggles ([#910](https://github.com/opensearch-project/oui/pull/910))
 - Remove language from the form validation documentation that doesn't align with the updated guidelines ([#986](https://github.com/opensearch-project/oui/pull/986))
 

diff --git a/src-docs/src/views/facet/facet.js b/src-docs/src/views/facet/facet.js
@@ -11,7 +11,7 @@
 
 import React from 'react';
 
-import { OuiFacetButton, OuiIcon, OuiAvatar } from '../../../../src/components';
+import { OuiFacetButton, OuiIcon } from '../../../../src/components';
 
 export default () => (
   <div>
@@ -29,10 +29,8 @@ export default () => (
       Disabled
     </OuiFacetButton>
     <br />
-    <OuiFacetButton
-      quantity={6}
-      icon={<OuiAvatar size="s" name="Avatar Jones" />}>
-      Avatar as icon
+    <OuiFacetButton quantity={6} icon={<OuiIcon type="tokenObject" />}>
+      Facet with Icon example
     </OuiFacetButton>
     <br />
     <OuiFacetButton quantity={6} isLoading>