fix(workflow): remove first time dialog and place about content on FAQ

Pkcarreno · Dec 29, 2024 · 5e7226a · 5e7226a
1 parent 2043a2d
commit 5e7226a
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 87 deletions.
diff --git a/src/features/editor/providers/first-time-dialog-provider.tsx b/src/features/editor/providers/first-time-dialog-provider.tsx
diff --git a/src/features/editor/providers/help-provider.tsx b/src/features/editor/providers/help-provider.tsx
@@ -67,6 +67,41 @@ const HelpInfo = () => {
         <DialogTitle>Frequently Asked Questions</DialogTitle>
       </DialogHeader>
       <Accordion type="single" collapsible>
+        <AccordionItem value="about">
+          <AccordionTrigger>About JSoD</AccordionTrigger>
+          <AccordionContent>
+            <Paragraph>
+              Write, run, and share JavaScript code instantly. Main features:
+            </Paragraph>
+            <UnorderedList>
+              <li>
+                <a
+                  className="underline underline-offset-1"
+                  href="https://github.com/pkcarreno/jsod"
+                  target="_blank"
+                >
+                  Open source
+                </a>
+              </li>
+              <li>Runs 100% on your device</li>
+              <li>
+                Powered by{' '}
+                <a
+                  className="underline underline-offset-1"
+                  href="https://github.com/justjake/quickjs-emscripten"
+                  target="_blank"
+                >
+                  QuickJS
+                </a>
+              </li>
+              <li>Share your code</li>
+              <li>Installable as PWA</li>
+            </UnorderedList>
+            <Paragraph>
+              JSoD means '<strong>JS on Demand</strong>' 😉
+            </Paragraph>
+          </AccordionContent>
+        </AccordionItem>
         <AccordionItem value="faq-1">
           <AccordionTrigger>
             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
@@ -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<Props> = ({ children }) => {
   return (
-    <FirstTimeDialogProvider>
-      <UntrustedModeProvider>
-        <MetatagsProvider>
-          <HelpProvider>
-            <SettingsDialogProvider>
-              <EditorBehaviorProvider>
-                <>{children}</>
-              </EditorBehaviorProvider>
-            </SettingsDialogProvider>
-          </HelpProvider>
-        </MetatagsProvider>
-      </UntrustedModeProvider>
-    </FirstTimeDialogProvider>
+    <UntrustedModeProvider>
+      <MetatagsProvider>
+        <HelpProvider>
+          <SettingsDialogProvider>
+            <EditorBehaviorProvider>
+              <>{children}</>
+            </EditorBehaviorProvider>
+          </SettingsDialogProvider>
+        </HelpProvider>
+      </MetatagsProvider>
+    </UntrustedModeProvider>
   );
 };