From ccdbb8e99940dab181348bd3afbe137828be0799 Mon Sep 17 00:00:00 2001
From: Ariya Hidayat <ariya@metabase.com>
Date: Fri, 27 Aug 2021 17:19:01 -0700
Subject: [PATCH] Components in store admin should not use prop shorthands
(#17640)
---
.../src/metabase-enterprise/store/components/StoreIcon.jsx | 2 +-
.../metabase-enterprise/store/containers/StoreAccount.jsx | 6 +++---
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx b/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx
index 5136282a7b0..b70fc33cd93 100644
--- a/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/store/components/StoreIcon.jsx
@@ -14,7 +14,7 @@ const StoreIconWrapper = ({ children, color }) => (
p={2}
bg={color || colors["brand"]}
color="white"
- w={WRAPPER_SIZE}
+ width={WRAPPER_SIZE}
style={{ borderRadius: 99, height: WRAPPER_SIZE }}
>
{children}
diff --git a/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx b/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx
index bdacf169038..ebd9add4f70 100644
--- a/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx
+++ b/enterprise/frontend/src/metabase-enterprise/store/containers/StoreAccount.jsx
@@ -209,7 +209,7 @@ const AccountStatus = ({
flexDirection="column"
className={className}
p={[2, 4]}
- w="100%"
+ width="100%"
>
<Box>
<h2>{title}</h2>
@@ -219,7 +219,7 @@ const AccountStatus = ({
{subtitle}
</Box>
)}
- <Flex mt={4} align="center" flexWrap="wrap" w="100%">
+ <Flex mt={4} align="center" flexWrap="wrap" width="100%">
{featuresOrdered.map(([id, feature]) => (
<Feature
key={id}
@@ -245,7 +245,7 @@ const CallToAction = ({ title, buttonText, buttonLink }) => (
);
const Feature = ({ feature, included, expired, preview }) => (
- <Box w={[1, 1 / 2, 1 / 4]} p={2}>
+ <Box width={[1, 1 / 2, 1 / 4]} p={2}>
<Card
p={[1, 2]}
style={{
--
GitLab