[EmptyState] Manually set height

Shopify · Mar 29, 2024 · f5bac0a · f5bac0a
1 parent 2d121d1
commit f5bac0a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/polaris-react/src/components/EmptyState/EmptyState.module.css b/polaris-react/src/components/EmptyState/EmptyState.module.css
@@ -1,3 +1,7 @@
+.Image {
+  height: 226px;
+}
+
 .imageContained {
   @media (--p-breakpoints-md-up) {
     position: initial;

diff --git a/polaris-react/src/components/EmptyState/EmptyState.tsx b/polaris-react/src/components/EmptyState/EmptyState.tsx
@@ -46,19 +46,8 @@ export function EmptyState({
   secondaryAction,
   footerContent,
 }: EmptyStateProps) {
-  const [imageLoaded, setImageLoaded] = useState<boolean>(false);
-
-  useEffect(() => {
-    const img: HTMLImageElement = new window.Image(0, 0);
-    img.src = largeImage || image;
-    img.onload = () => {
-      setImageLoaded(true);
-    };
-  }, [largeImage, image]);
-
-  if (!imageLoaded) return null;
-
   const imageContainedClass = classNames(
+    styles.Image,
     imageContained && styles.imageContained,
   );