fix(sub): avoid deconstructing quartzMe (#4810)

Gene Hynson · web-flow · commit e8325b62113b · 2022-06-13T14:04:03.000-07:00
diff --git a/src/writeData/subscriptions/components/CreateSubscriptionPage.tsx b/src/writeData/subscriptions/components/CreateSubscriptionPage.tsx
@@ -93,7 +93,7 @@ const CreateSubscriptionPage: FC = () => {
   )
   const showUpgradeButton = useSelector(shouldShowUpgradeButton)
   const isCredit250ExperienceActive = useSelector(shouldGetCredit250Experience)
-  const {accountType} = useSelector(getQuartzMe)
+  const quartzMe = useSelector(getQuartzMe)
   const buckets = useSelector((state: AppState) =>
     getAll<Bucket>(state, ResourceType.Buckets).filter(b => b.type === 'user')
   )
@@ -102,7 +102,7 @@ const CreateSubscriptionPage: FC = () => {
   useEffect(() => {
     event(
       'visited creation page',
-      {userAccountType: accountType},
+      {userAccountType: quartzMe?.accountType ?? 'unknown'},
       {feature: 'subscriptions'}
     )
   }, [])

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ const CreateSubscriptionPage: FC = () => {`
`93`	`93`	`)`
`94`	`94`	`const showUpgradeButton = useSelector(shouldShowUpgradeButton)`
`95`	`95`	`const isCredit250ExperienceActive = useSelector(shouldGetCredit250Experience)`
`96`		`- const {accountType} = useSelector(getQuartzMe)`
	`96`	`+ const quartzMe = useSelector(getQuartzMe)`
`97`	`97`	`const buckets = useSelector((state: AppState) =>`
`98`	`98`	`getAll<Bucket>(state, ResourceType.Buckets).filter(b => b.type === 'user')`
`99`	`99`	`)`
`@@ -102,7 +102,7 @@ const CreateSubscriptionPage: FC = () => {`
`102`	`102`	`useEffect(() => {`
`103`	`103`	`event(`
`104`	`104`	`'visited creation page',`
`105`		`- {userAccountType: accountType},`
	`105`	`+ {userAccountType: quartzMe?.accountType ?? 'unknown'},`
`106`	`106`	`{feature: 'subscriptions'}`
`107`	`107`	`)`
`108`	`108`	`}, [])`