import React, { useCallback } from 'react'; import { MarketingModal, Body, Disclaimer, Link, css, spacing, } from '@mongodb-js/compass-components'; import { withPreferences } from 'compass-preferences-model'; import WelcomeImage from './welcome-image'; const disclaimer = css({ marginTop: spacing[3], }); const link = css({ fontSize: 'inherit', }); type WelcomeModalProps = { networkTraffic: boolean; isOpen: boolean; closeModal: (openSettings?: boolean) => void; }; export const WelcomeModal: React.FunctionComponent = ({ networkTraffic, isOpen, closeModal, }) => { const goToSettings = useCallback(() => { closeModal(true); }, [closeModal]); const close = useCallback(() => { closeModal(); }, [closeModal]); return ( } linkText={''} > Build aggregation pipelines, optimize queries, analyze schemas, and more. All with the GUI built by - and for - MongoDB. {networkTraffic && ( To help improve our products, anonymous usage data is collected and sent to MongoDB in accordance with MongoDB's privacy policy.
Manage this behaviour on the Compass{' '} Settings {' '} page. )} ); }; export default withPreferences(WelcomeModal, ['networkTraffic'], React);