diff --git a/src/features/editor/providers/first-time-dialog-provider.tsx b/src/features/editor/providers/first-time-dialog-provider.tsx deleted file mode 100644 index 13008e4..0000000 --- a/src/features/editor/providers/first-time-dialog-provider.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import React from 'react'; - -import { - Dialog, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, -} from '@/components/ui/dialog'; - -import { useSettingsStore } from '../stores/settings'; - -interface Props { - children: React.ReactNode; -} - -export const FirstTimeDialogProvider: React.FC = ({ children }) => { - const { isFirstTime, updateIsFirstTime } = useSettingsStore(); - return ( - <> - {children} - - - - Welcome to JSoD - - Write, run, and share JavaScript code instantly. - -
- Features: - -
- - Caution! Be careful when - running third-party code. Make sure you understand its origin and - functionality to avoid security risks. - -
- - - JSoD means 'JS on Demand' - 😉 - - -
-
- - ); -}; diff --git a/src/features/editor/providers/help-provider.tsx b/src/features/editor/providers/help-provider.tsx index 32821d0..78ffa54 100644 --- a/src/features/editor/providers/help-provider.tsx +++ b/src/features/editor/providers/help-provider.tsx @@ -67,6 +67,41 @@ const HelpInfo = () => { Frequently Asked Questions + + About JSoD + + + Write, run, and share JavaScript code instantly. Main features: + + +
  • + + Open source + +
  • +
  • Runs 100% on your device
  • +
  • + Powered by{' '} + + QuickJS + +
  • +
  • Share your code
  • +
  • Installable as PWA
  • +
    + + JSoD means 'JS on Demand' 😉 + +
    +
    How do I preview the output of my code? diff --git a/src/features/editor/providers/index.tsx b/src/features/editor/providers/index.tsx index f9e29c4..5a1cfea 100644 --- a/src/features/editor/providers/index.tsx +++ b/src/features/editor/providers/index.tsx @@ -1,7 +1,6 @@ import React from 'react'; import { EditorBehaviorProvider } from './editor-behavior'; -import { FirstTimeDialogProvider } from './first-time-dialog-provider'; import { HelpProvider } from './help-provider'; import { MetatagsProvider } from './meta-provider'; import { SettingsDialogProvider } from './settings-dialog-provider'; @@ -13,19 +12,17 @@ interface Props { const EditorProviders: React.FC = ({ children }) => { return ( - - - - - - - <>{children} - - - - - - + + + + + + <>{children} + + + + + ); };