feat: update useTitle template #10

novajslabs · Oct 27, 2024 · 1dd32fc · 1dd32fc
1 parent 94a6e88
commit 1dd32fc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 20 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 *.vsix
+.idea/
diff --git a/snippets/js.code-snippets b/snippets/js.code-snippets
@@ -1425,19 +1425,18 @@
   "useTitle": {
     "prefix": "useTitle",
     "body": [
-      "import { useState, useEffect } from 'react';",
+      "import { useState } from 'react';",
       "",
       "export const useTitle = () => {",
       "  const [title, setTitle] = useState(document.title);",
       "",
-      "  useEffect(() => {",
-      "    document.title = title;",
-      "  }, [title]);",
-      "",
-      "  const changeTitle = (newTitle) => setTitle(newTitle);",
+      "  const changeTitle = (newTitle) => {",
+      "    document.title = newTitle;",
+      "    setTitle(newTitle);",
+      "  }",
       "",
       "  return { title, changeTitle };",
-      "};"
+      "};",
     ],
     "description": "React hook to change the page title"
   },

diff --git a/snippets/ts.code-snippets b/snippets/ts.code-snippets
@@ -1551,24 +1551,18 @@
   "useTitle": {
     "prefix": "useTitle",
     "body": [
-      "import { useState, useEffect } from 'react';",
-      "",
-      "interface UseTitleOutput {",
-      "  title: string;",
-      "  changeTitle: (newTitle: string) => void;",
-      "}",
+      "import { useState } from 'react';",
       "",
-      "export const useTitle = (): UseTitleOutput => {",
+      "export const useTitle = () => {",
       "  const [title, setTitle] = useState<string>(document.title);",
       "",
-      "  useEffect(() => {",
-      "    document.title = title;",
-      "  }, [title]);",
-      "",
-      "  const changeTitle = (newTitle: string) => setTitle(newTitle);",
+      "  const changeTitle = (newTitle: string) => {",
+      "    document.title = newTitle;",
+      "    setTitle(newTitle);",
+      "  }",
       "",
       "  return { title, changeTitle };",
-      "};"
+      "};",
     ],
     "description": "React hook to change the page title"
   },