more

pinterest · Feb 3, 2025 · 09fe783 · 09fe783
1 parent ea4661e
commit 09fe783
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 71 deletions.
diff --git a/docs/examples/banneroverlay/desktop.tsx b/docs/examples/banneroverlay/desktop.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, DeviceTypeProvider, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, DeviceTypeProvider, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -36,14 +36,7 @@ export default function Example() {
           accessibilityLabel: 'Get the app',
         }}
         thumbnail={{
-          image: (
-            <Image
-              alt="Pinterest Logo"
-              naturalHeight={1}
-              naturalWidth={1}
-              src="https://i.ibb.co/LQc8ynn/image.png"
-            />
-          ),
+          icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
         }}
         title="More to Explore"
         zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/doEducate.tsx b/docs/examples/banneroverlay/doEducate.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -27,14 +27,7 @@ export default function Example() {
         setShowComponent(false);
       }}
       thumbnail={{
-        image: (
-          <Image
-            alt="Pinterest Logo"
-            naturalHeight={1}
-            naturalWidth={1}
-            src="https://i.ibb.co/LQc8ynn/image.png"
-          />
-        ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
       }}
       title="More to Explore"
       zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/doNavigate.tsx b/docs/examples/banneroverlay/doNavigate.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -27,14 +27,7 @@ export default function Example() {
         setShowComponent(false);
       }}
       thumbnail={{
-        image: (
-          <Image
-            alt="Pinterest Logo"
-            naturalHeight={1}
-            naturalWidth={1}
-            src="https://i.ibb.co/LQc8ynn/image.png"
-          />
-        ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
       }}
       title="More to Explore"
       zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/dontStack.tsx b/docs/examples/banneroverlay/dontStack.tsx
@@ -1,5 +1,5 @@
 import { Fragment, useState } from 'react';
-import { BannerOverlay, Button, FixedZIndex, Image } from 'gestalt';
+import { BannerOverlay, Button, FixedZIndex, Icon } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -20,14 +20,7 @@ export default function Example() {
           setShowComponent(false);
         }}
         thumbnail={{
-          image: (
-            <Image
-              alt="Pinterest Logo"
-              naturalHeight={1}
-              naturalWidth={1}
-              src="https://i.ibb.co/LQc8ynn/image.png"
-            />
-          ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
         }}
         title="More to explore"
         zIndex={new FixedZIndex(100)}
@@ -47,14 +40,7 @@ export default function Example() {
           accessibilityLabel: 'Get the app',
         }}
         thumbnail={{
-          image: (
-            <Image
-              alt="Pinterest Logo"
-              naturalHeight={1}
-              naturalWidth={1}
-              src="https://i.ibb.co/LQc8ynn/image.png"
-            />
-          ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
         }}
         title="Mmmmm...tasty!"
         zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/main.tsx b/docs/examples/banneroverlay/main.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -41,14 +41,7 @@ export default function Example() {
         accessibilityLabel: 'Not now',
       }}
       thumbnail={{
-        image: (
-          <Image
-            alt="Pinterest Logo"
-            naturalHeight={1}
-            naturalWidth={1}
-            src="https://i.ibb.co/LQc8ynn/image.png"
-          />
-        ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
       }}
       title="More to Explore"
       zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/message.tsx b/docs/examples/banneroverlay/message.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -41,14 +41,7 @@ export default function Example() {
         accessibilityLabel: 'Not now',
       }}
       thumbnail={{
-        image: (
-          <Image
-            alt="Pinterest Logo"
-            naturalHeight={1}
-            naturalWidth={1}
-            src="https://i.ibb.co/LQc8ynn/image.png"
-          />
-        ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
       }}
       title="More to Explore"
       zIndex={new FixedZIndex(100)}

diff --git a/docs/examples/banneroverlay/mobile.tsx b/docs/examples/banneroverlay/mobile.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { BannerOverlay, Button, DeviceTypeProvider, FixedZIndex, Image, Link, Text } from 'gestalt';
+import { BannerOverlay, Button, DeviceTypeProvider, FixedZIndex, Icon, Link, Text } from 'gestalt';
 
 export default function Example() {
   const [showComponent, setShowComponent] = useState(true);
@@ -36,14 +36,7 @@ export default function Example() {
           accessibilityLabel: 'Get the app',
         }}
         thumbnail={{
-          image: (
-            <Image
-              alt="Pinterest Logo"
-              naturalHeight={1}
-              naturalWidth={1}
-              src="https://i.ibb.co/LQc8ynn/image.png"
-            />
-          ),
+        icon: <Icon accessibilityLabel="" color="brandPrimary" icon="pinterest" />,
         }}
         title="More to Explore"
         zIndex={new FixedZIndex(100)}