main 🧊 add use prefferd languages

siberiacancode · Jun 2, 2024 · 0e8fc27 · 0e8fc27
1 parent 2681157
commit 0e8fc27
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 24 deletions.
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -87,15 +87,6 @@ export default async () => {
       // }
     },
     themeConfig: {
-      sidebar: [
-        {
-          text: 'Examples',
-          items: [
-            { text: 'Markdown Examples', link: '/markdown-examples' },
-            { text: 'Runtime API Examples', link: '/api-examples' }
-          ]
-        }
-      ],
       socialLinks: [
         { icon: 'github', link: 'https://github.com/siberiacancode/reactuse' },
         { icon: 'npm', link: 'https://github.com/siberiacancode/reactuse' },

diff --git a/docs/index.md b/docs/index.md
@@ -98,6 +98,9 @@ features:
 - title: usePageLeave
   details: Hook what calls given function when mouse leaves the page
   link: /functions/hooks/usePageLeave
+- title: usePreferredLanguages
+  details: Hook that returns a browser preferred languages from navigator
+  link: /functions/hooks/usePreferredLanguages
 - title: usePrevious
   details: Hook that returns the previous value
   link: /functions/hooks/usePrevious

diff --git a/src/hooks/usePreferredLanguages/usePreferredLanguages.demo.tsx b/src/hooks/usePreferredLanguages/usePreferredLanguages.demo.tsx
@@ -3,18 +3,17 @@ import { usePreferredLanguages } from './usePreferredLanguages';
 const Demo = () => {
   const languages = usePreferredLanguages();
 
-  const date = new Date();
-  const formattedDate = new Intl.DateTimeFormat(languages).format(date);
-
   return (
-    <div>
-      <p>FormattedDate: {formattedDate}</p>
-      <ul>
-        {languages.map((lang) => (
-          <li key={lang}>{lang}</li>
-        ))}
-      </ul>
-    </div>
+    <ul>
+      {languages.map((language) => (
+        <li key={language}>
+          <code>{language}</code> locale date -{' '}
+          <code>
+            <time>{new Date(Date.now()).toLocaleDateString(language)}</time>
+          </code>
+        </li>
+      ))}
+    </ul>
   );
 };
 

diff --git a/src/hooks/usePreferredLanguages/usePreferredLanguages.ts b/src/hooks/usePreferredLanguages/usePreferredLanguages.ts
@@ -2,12 +2,12 @@ import React from 'react';
 
 /**
  * @name usePreferredLanguages
- * @description Hook that returns a browser preferred languages from navigator.
+ * @description Hook that returns a browser preferred languages from navigator
  *
- * @returns {readonly string[]} Readonly array of strings representing the user's preferred languages
+ * @returns {readonly string[]} An array of strings representing the user's preferred languages
  *
  * @example
- * const languages = usePreferredLanguages()
+ * const languages = usePreferredLanguages();
  */
 export const usePreferredLanguages = () => {
   const subscribe = (callback: () => void) => {
@@ -20,7 +20,7 @@ export const usePreferredLanguages = () => {
 
   const getSnapshot = () => window.navigator.languages;
 
-  const getServerSnapshot = () => ['ru-RU', 'en-US'] as const;
+  const getServerSnapshot = () => ['en'] as const;
 
   return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 };