diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js index 0d1d0e83a8..15f7cf05b9 100644 --- a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js +++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js @@ -8,7 +8,6 @@ import { useDetachCompileContext as useCompileContext } from '../../../shared/co import FasterCompilesFeedback from './faster-compiles-feedback' import { PdfPreviewMessages } from './pdf-preview-messages' import CompileTimeWarning from './compile-time-warning' -import RichTextSurvey from './rich-text-survey' function PdfPreviewPane() { const { pdfUrl } = useCompileContext() @@ -20,7 +19,6 @@ function PdfPreviewPane() { - }>
diff --git a/services/web/frontend/js/features/pdf-preview/components/rich-text-survey-inner.tsx b/services/web/frontend/js/features/pdf-preview/components/rich-text-survey-inner.tsx deleted file mode 100644 index 4018ea7cd7..0000000000 --- a/services/web/frontend/js/features/pdf-preview/components/rich-text-survey-inner.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { Button } from 'react-bootstrap' -import { FC, MouseEventHandler } from 'react' - -export const RichTextSurveyInner: FC<{ - handleDismiss: MouseEventHandler -
-
-
Have you used Rich Text mode?
-
- Please participate in our short survey. -
-
-
- -
-
-
-) diff --git a/services/web/frontend/js/features/pdf-preview/components/rich-text-survey.tsx b/services/web/frontend/js/features/pdf-preview/components/rich-text-survey.tsx deleted file mode 100644 index 5553c69613..0000000000 --- a/services/web/frontend/js/features/pdf-preview/components/rich-text-survey.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import { FC, memo, useCallback, useEffect, useState } from 'react' -import usePersistedState from '../../../shared/hooks/use-persisted-state' -import useScopeValue from '../../../shared/hooks/use-scope-value' -import { RichTextSurveyInner } from './rich-text-survey-inner' - -const SURVEY_URL = 'https://forms.gle/sS4BsUz38GMc81it5' -const DEFAULT_DELAY = 10 * 1000 // 10 seconds - -const RichTextSurvey: FC<{ delay?: number }> = ({ delay = DEFAULT_DELAY }) => { - const [dismissed, setDismissed] = usePersistedState( - 'rich-text-survey-dismissed', - false, - true - ) - - const [display, setDisplay] = useState(false) - - const [showRichText] = useScopeValue('editor.showRichText') - - useEffect(() => { - let timer: number | undefined - - if (showRichText) { - timer = window.setTimeout(() => { - setDisplay(true) - }, delay) - } - - return () => { - window.clearTimeout(timer) - } - }, [showRichText, delay]) - - const handleDismiss = useCallback( - event => { - event.preventDefault() - setDismissed(true) - }, - [setDismissed] - ) - - const openSurvey = useCallback(() => { - window.open(SURVEY_URL, '_blank') - setDismissed(true) - }, [setDismissed]) - - if (dismissed || !display) { - return null - } - - return ( - - ) -} - -export default memo(RichTextSurvey) diff --git a/services/web/frontend/stories/pdf-preview-messages.stories.js b/services/web/frontend/stories/pdf-preview-messages.stories.js index 59debc7a2f..267f65d3a8 100644 --- a/services/web/frontend/stories/pdf-preview-messages.stories.js +++ b/services/web/frontend/stories/pdf-preview-messages.stories.js @@ -3,9 +3,7 @@ import { useLocalCompileContext } from '../js/shared/context/local-compile-conte import { useEffect } from 'react' import { PdfPreviewMessages } from '../js/features/pdf-preview/components/pdf-preview-messages' import { useScope } from './hooks/use-scope' -import { RichTextSurveyInner } from '../js/features/pdf-preview/components/rich-text-survey-inner' import CompileTimeWarning from '../js/features/pdf-preview/components/compile-time-warning' -import RichTextSurvey from '../js/features/pdf-preview/components/rich-text-survey' export default { title: 'Editor / PDF Preview / Messages', @@ -30,20 +28,7 @@ export const Dismissible = () => {
-
) } - -export const Inner = args => { - return ( -
- -
- ) -} -Inner.argTypes = { - handleDismiss: { action: 'dismiss' }, - openSurvey: { action: 'open survey' }, -}