Merge pull request #14 from taterboom/feat/help-to-doc

Feat/help to doc

.changeset/bright-bananas-speak.md

@@ -0,0 +1,5 @@
+---
+"promptsnippets": patch
+---
+
+remove helppanel and nav to doc website

src/components/MenuPanel.tsx

@@ -4,7 +4,6 @@ import { useEffect, useState } from "react"
 import { useNew } from "../hooks/useNew"
 import { usePageState } from "../store/pageState"
 import { snippetsSelectors, useSnippets } from "../store/snippets"
-import HelpPanel from "./HelpPanel"
 import ImportAndExportPanel from "./ImportAndExportPanel"
 import SettingsPanel from "./SettingsPanel"
 import SnippetEditor from "./SnippetEditor"
@@ -128,7 +127,7 @@ function Header(props: { onCreate?: () => void }) {
           <button
             className="btn btn-icon btn-ghost"
             onClick={() => {
-              usePageState.setState({ helpPanelVisible: true })
+              window.open("https://www.promptsnippets.top/docs/getting-started?from=extension")
             }}
           >
             <MiCircleHelp />
@@ -173,7 +172,6 @@ function Header(props: { onCreate?: () => void }) {
 export default function MenuPanel() {
   const menuPanelVisible = usePageState((state) => state.menuPanelVisible)
   const settingsPanelVisible = usePageState((state) => state.settingsPanelVisible)
-  const helpPanelVisible = usePageState((state) => state.helpPanelVisible)
   const importAndExportPanelVisible = usePageState((state) => state.importAndExportPanelVisible)
   const [snippetEditorVisible, setSnippetEditorVisible] = useState(false)
   return (
@@ -209,15 +207,6 @@ export default function MenuPanel() {
               ></SettingsPanel>
             )}
           </AnimatePresence>
-          <AnimatePresence>
-            {helpPanelVisible && (
-              <HelpPanel
-                onClose={() => {
-                  usePageState.setState({ helpPanelVisible: false })
-                }}
-              ></HelpPanel>
-            )}
-          </AnimatePresence>
           <AnimatePresence>
             {importAndExportPanelVisible && (
               <ImportAndExportPanel

src/components/SnippetsPopup.tsx

@@ -441,7 +441,6 @@ function SnippetsPopupInner() {
 
   useEffect(() => {
     const closePanel = (e: KeyboardEvent) => {
-      console.log(e.key)
       if (e.key === "Escape" && document.activeElement === target) {
         setVisible(false)
       }

src/store/pageState.ts

@@ -7,7 +7,6 @@ type PageState = typeof COMMON_SETTINGS & {
   snippetsPopupVisible: boolean
   menuPanelVisible: boolean
   settingsPanelVisible: boolean
-  helpPanelVisible: boolean
   importAndExportPanelVisible: boolean
   searchText: string
   selectedTags: string[]
@@ -23,7 +22,6 @@ export const usePageState = create<PageState>()((set) => ({
   snippetsPopupVisible: false,
   menuPanelVisible: false,
   settingsPanelVisible: false,
-  helpPanelVisible: false,
   importAndExportPanelVisible: false,
   searchText: "",
   selectedTags: [],