|
@@ -7,10 +7,7 @@ import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-err
|
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
import OLButton from '@/shared/components/ol/ol-button'
|
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
import * as eventTracking from '../../../infrastructure/event-tracking'
|
|
|
import getMeta from '@/utils/meta'
|
|
import getMeta from '@/utils/meta'
|
|
|
-import {
|
|
|
|
|
- populateEditorRedesignSegmentation,
|
|
|
|
|
- useEditorAnalytics,
|
|
|
|
|
-} from '@/shared/hooks/use-editor-analytics'
|
|
|
|
|
|
|
+import { populateEditorRedesignSegmentation } from '@/shared/hooks/use-editor-analytics'
|
|
|
import {
|
|
import {
|
|
|
isNewUser,
|
|
isNewUser,
|
|
|
useIsNewEditorEnabled,
|
|
useIsNewEditorEnabled,
|
|
@@ -62,7 +59,6 @@ function TimeoutUpgradePromptNew() {
|
|
|
<PreventTimeoutHelpMessage
|
|
<PreventTimeoutHelpMessage
|
|
|
handleEnableStopOnFirstErrorClick={handleEnableStopOnFirstErrorClick}
|
|
handleEnableStopOnFirstErrorClick={handleEnableStopOnFirstErrorClick}
|
|
|
lastCompileOptions={lastCompileOptions}
|
|
lastCompileOptions={lastCompileOptions}
|
|
|
- segmentation={sharedSegmentation}
|
|
|
|
|
/>
|
|
/>
|
|
|
)}
|
|
)}
|
|
|
</>
|
|
</>
|
|
@@ -151,51 +147,21 @@ const CompileTimeout = memo(function CompileTimeout({
|
|
|
type PreventTimeoutHelpMessageProps = {
|
|
type PreventTimeoutHelpMessageProps = {
|
|
|
lastCompileOptions: any
|
|
lastCompileOptions: any
|
|
|
handleEnableStopOnFirstErrorClick: () => void
|
|
handleEnableStopOnFirstErrorClick: () => void
|
|
|
- segmentation: eventTracking.Segmentation
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const PreventTimeoutHelpMessage = memo(function PreventTimeoutHelpMessage({
|
|
const PreventTimeoutHelpMessage = memo(function PreventTimeoutHelpMessage({
|
|
|
lastCompileOptions,
|
|
lastCompileOptions,
|
|
|
handleEnableStopOnFirstErrorClick,
|
|
handleEnableStopOnFirstErrorClick,
|
|
|
- segmentation,
|
|
|
|
|
}: PreventTimeoutHelpMessageProps) {
|
|
}: PreventTimeoutHelpMessageProps) {
|
|
|
const { t } = useTranslation()
|
|
const { t } = useTranslation()
|
|
|
- const { sendEvent } = useEditorAnalytics()
|
|
|
|
|
const newLogsPosition = useIsNewErrorLogsPositionEnabled()
|
|
const newLogsPosition = useIsNewErrorLogsPositionEnabled()
|
|
|
|
|
|
|
|
- function sendInfoClickEvent() {
|
|
|
|
|
- sendEvent('paywall-info-click', {
|
|
|
|
|
- ...segmentation,
|
|
|
|
|
- 'paywall-type': 'compile-timeout',
|
|
|
|
|
- content: 'blog',
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- const compileTimeoutChangesBlogLink = (
|
|
|
|
|
- /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
|
|
|
|
|
- <a
|
|
|
|
|
- aria-label={t('read_more_about_free_compile_timeouts_servers')}
|
|
|
|
|
- href="/blog/changes-to-free-compile-timeout"
|
|
|
|
|
- rel="noopener noreferrer"
|
|
|
|
|
- target="_blank"
|
|
|
|
|
- onClick={sendInfoClickEvent}
|
|
|
|
|
- />
|
|
|
|
|
- )
|
|
|
|
|
-
|
|
|
|
|
return (
|
|
return (
|
|
|
<PdfLogEntry
|
|
<PdfLogEntry
|
|
|
autoExpand={!newLogsPosition}
|
|
autoExpand={!newLogsPosition}
|
|
|
headerTitle={t('reasons_for_compile_timeouts')}
|
|
headerTitle={t('reasons_for_compile_timeouts')}
|
|
|
formattedContent={
|
|
formattedContent={
|
|
|
<>
|
|
<>
|
|
|
- <p>
|
|
|
|
|
- <em>
|
|
|
|
|
- <Trans
|
|
|
|
|
- i18nKey="weve_reduced_compile_timeout"
|
|
|
|
|
- components={[compileTimeoutChangesBlogLink]}
|
|
|
|
|
- />
|
|
|
|
|
- </em>
|
|
|
|
|
- </p>
|
|
|
|
|
<p>{t('common_causes_of_compile_timeouts_include')}:</p>
|
|
<p>{t('common_causes_of_compile_timeouts_include')}:</p>
|
|
|
<ul>
|
|
<ul>
|
|
|
<li>
|
|
<li>
|