From 127c0bca1712683f4daa987d4d93c3a608ac560b Mon Sep 17 00:00:00 2001
From: Sarah Alli <salli@pinterest.com>
Date: Tue, 1 Oct 2024 20:34:18 -0400
Subject: [PATCH] examples fix

---
 docs/examples/avatar/nameExample.tsx   |  2 +-
 docs/examples/avatarGroup/roleLink.tsx | 60 ++++++++++++++++++--------
 2 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/docs/examples/avatar/nameExample.tsx b/docs/examples/avatar/nameExample.tsx
index 41cca8a8b3..c102d7b773 100644
--- a/docs/examples/avatar/nameExample.tsx
+++ b/docs/examples/avatar/nameExample.tsx
@@ -6,7 +6,7 @@ export default function Example() {
     mwebExperimentName: 'web_gestalt_visualRefresh',
   });
 
-  const name = isInVRExperiment ? 'Tamia Rashad' : 'Shanice Byles';
+  const name = isInVRExperiment ? 'Ayesha Rashad' : 'Shanice Byles';
   const src = isInVRExperiment
     ? 'https://i.pinimg.com/originals/c5/5c/ac/c55caca43a7c16766215ec165b649c1c.jpg'
     : 'https://i.ibb.co/7tGKGvb/shanice.jpg';
diff --git a/docs/examples/avatarGroup/roleLink.tsx b/docs/examples/avatarGroup/roleLink.tsx
index eccaac1d9d..0d7e3d4445 100644
--- a/docs/examples/avatarGroup/roleLink.tsx
+++ b/docs/examples/avatarGroup/roleLink.tsx
@@ -1,28 +1,54 @@
-import { AvatarGroup, Box, Flex, Link, Text } from 'gestalt';
+import { AvatarGroup, Box, Flex, Link, Text, useDangerouslyInGestaltExperiment } from 'gestalt';
 
 export default function Example() {
+  const isInVRExperiment = useDangerouslyInGestaltExperiment({
+    webExperimentName: 'web_gestalt_visualRefresh',
+    mwebExperimentName: 'web_gestalt_visualRefresh',
+  });
+
+  const collaborators = [
+    {
+      name: 'Keerthi',
+      src: 'https://i.ibb.co/ZfCZrY8/keerthi.jpg',
+    },
+    {
+      name: 'Alberto',
+      src: 'https://i.ibb.co/NsK2w5y/Alberto.jpg',
+    },
+    {
+      name: 'Shanice',
+      src: 'https://i.ibb.co/7tGKGvb/shanice.jpg',
+    },
+  ];
+
+  const collaboratorsVR = [
+    {
+      name: 'Fatima',
+      src: 'https://i.pinimg.com/originals/bf/bc/27/bfbc27685d81eb9a8f65c201ea661f0e.jpg',
+    },
+    {
+      name: 'Sora',
+      src: 'https://i.pinimg.com/originals/ab/c5/4a/abc54abd85df131e90ca6b372368b738.jpg',
+    },
+    {
+      name: 'Ayesha',
+      src: 'https://i.pinimg.com/originals/c5/5c/ac/c55caca43a7c16766215ec165b649c1c.jpg',
+    },
+  ];
+
   return (
     <Flex alignItems="center" height="100%" justifyContent="center" width="100%">
       <Box height={100} padding={2} width={600}>
         <Flex alignItems="center" height="100%">
           <Box column={5} height="100%">
             <AvatarGroup
-              accessibilityLabel="Collaborators: Keerthi, Alberto, and Shanice."
-              collaborators={[
-                {
-                  name: 'Keerthi',
-                  src: 'https://i.ibb.co/ZfCZrY8/keerthi.jpg',
-                },
-                {
-                  name: 'Alberto',
-                  src: 'https://i.ibb.co/NsK2w5y/Alberto.jpg',
-                },
-                {
-                  name: 'Shanice',
-                  src: 'https://i.ibb.co/7tGKGvb/shanice.jpg',
-                },
-              ]}
-              size="fit"
+              accessibilityLabel={
+                isInVRExperiment
+                  ? 'Collaborators: Fatima, Sora, and Ayesha.'
+                  : 'Collaborators: Keerthi, Alberto, and Shanice.'
+              }
+              collaborators={isInVRExperiment ? collaboratorsVR : collaborators}
+              size={isInVRExperiment ? 'md' : 'fit'}
             />
           </Box>
           <Box column={7} marginStart={2}>