diff --git a/frontend/src/assets/img/ossSegments.png b/frontend/src/assets/img/ossSegments.png
deleted file mode 100644
index 02593ef0fe..0000000000
Binary files a/frontend/src/assets/img/ossSegments.png and /dev/null differ
diff --git a/frontend/src/assets/img/ossSegmentsConfetti.svg b/frontend/src/assets/img/ossSegmentsConfetti.svg
deleted file mode 100644
index 9bdf15af75..0000000000
--- a/frontend/src/assets/img/ossSegmentsConfetti.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/frontend/src/component/layout/MainLayout/MainLayout.tsx b/frontend/src/component/layout/MainLayout/MainLayout.tsx
index 55b0f38ae0..7d7f5b1578 100644
--- a/frontend/src/component/layout/MainLayout/MainLayout.tsx
+++ b/frontend/src/component/layout/MainLayout/MainLayout.tsx
@@ -15,7 +15,6 @@ import { useChangeRequestsEnabled } from 'hooks/useChangeRequestsEnabled';
import { DraftBanner } from './DraftBanner/DraftBanner';
import { ThemeMode } from 'component/common/ThemeMode/ThemeMode';
import { Demo } from 'component/demo/Demo';
-import { SegmentsSplashScreen } from 'component/splash/SegmentsSplashScreen/SegmentsSplashScreen';
interface IMainLayoutProps {
children: ReactNode;
@@ -77,17 +76,12 @@ const MainLayoutContentContainer = styled('div')(({ theme }) => ({
export const MainLayout = forwardRef(
({ children }, ref) => {
- const { uiConfig, isOss, loading } = useUiConfig();
+ const { uiConfig } = useUiConfig();
const projectId = useOptionalPathParam('projectId');
const { isChangeRequestConfiguredInAnyEnv } = useChangeRequestsEnabled(
projectId || '',
);
- // only show segment splash if we're really certain it's OSS.
- // Otherwise it might lead to flashing the splash to
- // pro/enterprise users before data has loaded.
- const showSegmentSplash = !loading && isOss();
-
return (
<>
@@ -133,10 +127,6 @@ export const MainLayout = forwardRef(
- }
- />
diff --git a/frontend/src/component/splash/SegmentsSplashScreen/SegmentsDialog.tsx b/frontend/src/component/splash/SegmentsSplashScreen/SegmentsDialog.tsx
deleted file mode 100644
index 0c7e491192..0000000000
--- a/frontend/src/component/splash/SegmentsSplashScreen/SegmentsDialog.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import {
- Dialog,
- DialogProps,
- IconButton,
- Typography,
- styled,
-} from '@mui/material';
-import CloseIcon from '@mui/icons-material/Close';
-import confetti from 'assets/img/ossSegmentsConfetti.svg';
-import { formatAssetPath } from 'utils/formatPath';
-
-const StyledDialog = styled(Dialog)(({ theme }) => ({
- '& .MuiDialog-paper': {
- borderRadius: theme.shape.borderRadiusExtraLarge,
- maxWidth: theme.spacing(90),
- padding: theme.spacing(7.5),
- textAlign: 'center',
- backgroundImage: `url('${formatAssetPath(confetti)}')`,
- },
- zIndex: theme.zIndex.snackbar,
- '& .MuiModal-backdrop': {
- background:
- 'linear-gradient(-54deg, rgba(61, 57, 128, 0.80) 0%, rgba(97, 91, 194, 0.80) 26.77%, rgba(106, 99, 224, 0.80) 48.44%, rgba(106, 99, 224, 0.80) 72.48%, rgba(129, 84, 191, 0.80) 99.99%)',
- backdropFilter: 'blur(2px)',
- },
-}));
-
-const StyledCloseButton = styled(IconButton)(({ theme }) => ({
- position: 'absolute',
- right: theme.spacing(2),
- top: theme.spacing(2),
- color: theme.palette.neutral.main,
-}));
-
-const StyledHeader = styled(Typography)(({ theme }) => ({
- fontSize: theme.fontSizes.largeHeader,
- fontWeight: theme.fontWeight.bold,
-}));
-
-interface ISegmentsDialogProps extends DialogProps {
- open: boolean;
- onClose: () => void;
- preventCloseOnBackdropClick?: boolean;
- children: React.ReactNode;
-}
-
-export const SegmentsDialog = ({
- open,
- onClose,
- preventCloseOnBackdropClick,
- children,
- ...props
-}: ISegmentsDialogProps) => (
- {
- if (preventCloseOnBackdropClick && r === 'backdropClick') return;
- onClose();
- }}
- {...props}
- >
-
-
-
- {children}
-
-);
-
-SegmentsDialog.Header = StyledHeader;
diff --git a/frontend/src/component/splash/SegmentsSplashScreen/SegmentsSplashScreen.tsx b/frontend/src/component/splash/SegmentsSplashScreen/SegmentsSplashScreen.tsx
deleted file mode 100644
index 695b9e7964..0000000000
--- a/frontend/src/component/splash/SegmentsSplashScreen/SegmentsSplashScreen.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { Button, Typography, styled } from '@mui/material';
-import { SegmentsDialog } from './SegmentsDialog';
-import ossSegmentsImage from 'assets/img/ossSegments.png';
-import { formatAssetPath } from 'utils/formatPath';
-import { Launch } from '@mui/icons-material';
-import { createLocalStorage } from 'utils/createLocalStorage';
-import React from 'react';
-import { useNavigate } from 'react-router-dom';
-import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
-
-const StyledActions = styled('div')(({ theme }) => ({
- display: 'grid',
- gridTemplateColumns: '1fr 1fr',
- gap: theme.spacing(3),
- marginBlockStart: theme.spacing(5),
-}));
-
-const StyledButton = styled(Button)(({ theme }) => ({
- height: theme.spacing(7),
-}));
-
-interface SegmentsSplashScreenProps {
- open: boolean;
- onClose: () => void;
- showSegments: () => void;
-}
-
-const StyledHeader = styled('h2')(({ theme }) => ({
- fontSize: theme.fontSizes.mainHeader,
- fontWeight: theme.fontWeight.bold,
-}));
-
-const StyledImage = styled('img')(({ theme }) => ({
- width: '100%',
- marginBlockStart: theme.spacing(3),
-}));
-
-const StyledLink = styled('a')(({ theme }) => ({
- marginBlockStart: theme.spacing(3),
- display: 'inline-flex',
- alignItems: 'center',
- justifyContent: 'center',
- textDecoration: 'underline',
- gap: theme.spacing(0.5),
- '& > svg': {
- fontSize: theme.fontSizes.bodySize,
- },
-}));
-
-const SegmentsSplashScreenContent = ({
- open,
- onClose,
- showSegments,
-}: SegmentsSplashScreenProps) => (
- <>
-
-
- Segments are now available in Open Source!
-
-
- We are excited to announce that we are releasing an enterprise
- feature for our open source community.
-
-
-
- Read all about segments in the documentation
-
-
-
-
-
- Show me segments
-
-
- Close
-
-
-
-
-);
-
-export const SegmentsSplashScreen: React.FC = () => {
- const { value: localStorageState, setValue: setLocalStorageState } =
- createLocalStorage('OssSegmentsSplashScreen:v1', { shown: false });
-
- const [showSegmentSplash, setShowSegmentSplash] = React.useState(true);
-
- const navigate = useNavigate();
- const closeSegmentsSplash = () => {
- setShowSegmentSplash(false);
- setLocalStorageState({ shown: true });
- };
-
- const { trackEvent } = usePlausibleTracker();
-
- return (
- {
- closeSegmentsSplash();
- trackEvent('oss-segments-splash-screen', {
- props: {
- eventType: 'close splash',
- },
- });
- }}
- showSegments={() => {
- closeSegmentsSplash();
- navigate(`/segments`);
- trackEvent('oss-segments-splash-screen', {
- props: {
- eventType: 'navigate to segments',
- },
- });
- }}
- />
- );
-};
diff --git a/frontend/src/hooks/usePlausibleTracker.ts b/frontend/src/hooks/usePlausibleTracker.ts
index d1979e1502..b28c96c347 100644
--- a/frontend/src/hooks/usePlausibleTracker.ts
+++ b/frontend/src/hooks/usePlausibleTracker.ts
@@ -50,7 +50,6 @@ export type CustomEvents =
| 'feature-naming-pattern'
| 'project-mode'
| 'dependent_features'
- | 'oss-segments-splash-screen'
| 'playground_token_input_used';
export const usePlausibleTracker = () => {