From 5a9e097b2beff0ed52000c781a5ce587ea865845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Dias?= <andredias@microsoft.com>
Date: Fri, 15 Jan 2021 13:14:06 +0100
Subject: [PATCH 1/2] fix(react-examples): Change item names to match icon in
 OverflowSet example (microsoftdesign/fluentui#10282)

---
 .../src/react/OverflowSet/OverflowSet.Vertical.Example.tsx  | 6 +++---
 .../__snapshots__/OverflowSet.Vertical.Example.tsx.shot     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx b/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
index 6683caac1c9d8d..950c860988e0b4 100644
--- a/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
+++ b/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
@@ -45,20 +45,20 @@ export const OverflowSetVerticalExample: React.FunctionComponent = () => (
       {
         key: 'item1',
         icon: 'Add',
-        name: 'Link 1',
+        name: 'Add',
         ariaLabel: 'New. Use left and right arrow keys to navigate',
         onClick: noOp,
       },
       {
         key: 'item2',
         icon: 'Upload',
-        name: 'Link 2',
+        name: 'Upload',
         onClick: noOp,
       },
       {
         key: 'item3',
         icon: 'Share',
-        name: 'Link 3',
+        name: 'Share',
         onClick: noOp,
       },
     ]}
diff --git a/packages/react-examples/src/react/__snapshots__/OverflowSet.Vertical.Example.tsx.shot b/packages/react-examples/src/react/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
index f2d5ca82537691..9437aa6e355a41 100644
--- a/packages/react-examples/src/react/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
+++ b/packages/react-examples/src/react/__snapshots__/OverflowSet.Vertical.Example.tsx.shot
@@ -23,7 +23,7 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <button
-      aria-label="Link 1"
+      aria-label="Add"
       className=
           ms-Button
           ms-Button--commandBar
@@ -176,7 +176,7 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <button
-      aria-label="Link 2"
+      aria-label="Upload"
       className=
           ms-Button
           ms-Button--commandBar
@@ -329,7 +329,7 @@ exports[`Component Examples renders OverflowSet.Vertical.Example.tsx correctly 1
         }
   >
     <button
-      aria-label="Link 3"
+      aria-label="Share"
       className=
           ms-Button
           ms-Button--commandBar

From 0e8eb08f44809ad60397b0418b64129ecbf81f4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Dias?= <andredias@microsoft.com>
Date: Fri, 15 Jan 2021 13:25:18 +0100
Subject: [PATCH 2/2] Removed unused props for overflow items

---
 .../src/react/OverflowSet/OverflowSet.Vertical.Example.tsx      | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx b/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
index 950c860988e0b4..97b50281657200 100644
--- a/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
+++ b/packages/react-examples/src/react/OverflowSet/OverflowSet.Vertical.Example.tsx
@@ -65,13 +65,11 @@ export const OverflowSetVerticalExample: React.FunctionComponent = () => (
     overflowItems={[
       {
         key: 'item4',
-        icon: 'Mail',
         name: 'Overflow Link 1',
         onClick: noOp,
       },
       {
         key: 'item5',
-        icon: 'Calendar',
         name: 'Overflow Link 2',
         onClick: noOp,
       },