Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

feat: order environment plausible events (#8427)

Browse Source
This commit is contained in:
Jaanus Sellin 2024-10-11 11:05:33 +03:00 committed by GitHub
parent d944eff34c
commit e72aa2871e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 29 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/component/environments/EnvironmentTable/OrderEnvironments/OrderEnvironmentsDialog/OrderEnvironmentsDialog.tsx
View File

@ -11,6 +11,7 @@ import FormTemplate from 'component/common/FormTemplate/FormTemplate';
import { OrderEnvironmentsDialogPricing } from './OrderEnvironmentsDialogPricing/OrderEnvironmentsDialogPricing';
import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
import Input from 'component/common/Input/Input';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
type OrderEnvironmentsDialogProps = {
open: boolean;
@ -75,10 +76,19 @@ export const OrderEnvironmentsDialog: FC<OrderEnvironmentsDialogProps> = ({
onClose,
onSubmit,
}) => {
const { trackEvent } = usePlausibleTracker();
const [selectedOption, setSelectedOption] = useState(OPTIONS[0]);
const [costCheckboxChecked, setCostCheckboxChecked] = useState(false);
const [environmentNames, setEnvironmentNames] = useState<string[]>([]);
const trackEnvironmentSelect = () => {
trackEvent('order-environments', {
props: {
eventType: 'selected environment count',
},
});
};
return (
<StyledDialog open={open} title=''>
<FormTemplate
@ -135,6 +145,7 @@ export const OrderEnvironmentsDialog: FC<OrderEnvironmentsDialogProps> = ({
setEnvironmentNames((names) =>
names.slice(0, value),
);
trackEnvironmentSelect();
}}
/>
</Box>

14
frontend/src/component/environments/EnvironmentTable/OrderEnvironments/PurchasableFeature/PurchasableFeature.tsx
View File

@ -3,6 +3,7 @@ import { Box, Button, styled, Typography } from '@mui/material';
import { ThemeMode } from 'component/common/ThemeMode/ThemeMode';
import { ReactComponent as ProPlanIcon } from 'assets/icons/pro-enterprise-feature-badge.svg';
import { ReactComponent as ProPlanIconLight } from 'assets/icons/pro-enterprise-feature-badge-light.svg';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
type PurchasableFeatureProps = {
title: ReactNode;
@ -50,6 +51,17 @@ export const PurchasableFeature: FC<PurchasableFeatureProps> = ({
description,
onClick,
}) => {
const { trackEvent } = usePlausibleTracker();
const onViewPricingClick = () => {
onClick();
trackEvent('order-environments', {
props: {
eventType: 'view pricing clicked',
},
});
};
return (
<StyledContainer>
<StyledMessage>
@ -62,7 +74,7 @@ export const PurchasableFeature: FC<PurchasableFeatureProps> = ({
</Box>
</StyledMessage>
<StyledButtonContainer>
<Button variant='contained' onClick={onClick}>
<Button variant='contained' onClick={onViewPricingClick}>
View pricing
</Button>
</StyledButtonContainer>

3
frontend/src/hooks/usePlausibleTracker.ts
View File

@ -69,7 +69,8 @@ export type CustomEvents =
| 'events-exported'
| 'event-timeline'
| 'onboarding'
| 'personal-dashboard';
| 'personal-dashboard'
| 'order-environments';
export const usePlausibleTracker = () => {
const plausible = useContext(PlausibleContext);

4
src/lib/services/email-service.ts
View File

@ -476,7 +476,9 @@ export class EmailService {
const email = {
from: this.sender,
to: userEmail,
bcc: process.env.ORDER_ENVIRONMENTS_BCC || 'ivar@getunleash.io',
bcc:
process.env.ORDER_ENVIRONMENTS_BCC ||
'pro-sales@getunleash.io',
subject: ORDER_ENVIRONMENTS_SUBJECT,
html: bodyHtml,
text: bodyText,