feat: filters save in localstorage

.eslintrc

@@ -13,6 +13,7 @@
   "parserOptions": { "ecmaVersion": "latest", "sourceType": "module" },
   "settings": { "react": { "version": "18.2" } },
   "plugins": ["react-refresh", "unused-imports", "vitest"],
+  "parser": "@babel/eslint-parser",
   "rules": {
     "react-refresh/only-export-components": [
       "warn",

.nvmrc

@@ -1 +1 @@
-v18.18.0
+v20.6.0

.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    // Tailwind CSS Intellisense
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "aaron-bond.better-comments"
+  ]
+}

src/__tests__/hooks/useUrlValues.test.jsx

@@ -5,7 +5,7 @@ import {
   DEFAULT_PAGE,
   DEFAULT_SORTING_TAG,
 } from '@/lib/utils/config';
-import UrlProvider, { useUrlValues } from '@/providers/urlProvider';
+import UrlProvider, { useUrlValues } from '@/providers/urlProvider/reducer';
 import { act, render } from '@testing-library/react';
 import { beforeEach, describe, expect, it } from 'vitest';
 

src/containers/Issues.tsx

@@ -4,7 +4,7 @@ import { getTotalPages, toId } from '@/lib/utils';
 import httpGateway from '@/lib/utils/HttpGateway';
 import { MAX_ISSUES_ALLOWED } from '@/lib/utils/config';
 import { githubIssueSearchResponse } from '@/models/GithubIssueSearch';
-import { useUrlValues } from '@/providers/urlProvider';
+import { useUrlValues } from '@/providers/urlProvider/reducer';
 import { useEffect } from 'react';
 
 const Issues = () => {

src/lib/hooks/use-filter.tsx

@@ -2,10 +2,9 @@ import { Label, sortedLabels } from '@/models/Label';
 import { Language } from '@/models/Language';
 import { Ordering } from '@/models/Ordering';
 import { SortingTag } from '@/models/SortingTag';
-import { useUrlValues } from '@/providers/urlProvider';
+import { useUrlValues } from '@/providers/urlProvider/reducer';
 import { FormEvent, createContext, useContext, useState } from 'react';
 
-// Define the type for the context state
 type FilterContextType = {
   customLabel: string;
   language: Language;

src/lib/hooks/use-local-storage.ts

@@ -4,19 +4,28 @@ export default function useLocalStorage<T>(
   key: string,
   initialValue: T
 ): readonly [T, (val: T | ((val: T) => T)) => void, () => void] {
-  const [storedValue, setStoredValue] = useState(() => {
+  const [storedValue, setStoredValue] = useState<T>(() => {
     const value = window.localStorage.getItem(key);
-    return value ? JSON.parse(value) : initialValue;
+
+    if (value === 'true' || value === 'false') {
+      return JSON.parse(value) as T;
+    }
+
+    return value ? (value as T) : initialValue;
   });
 
   useEffect(() => {
-    window.localStorage.setItem(key, storedValue);
-  }, [storedValue]);
+    if (typeof storedValue === 'boolean') {
+      window.localStorage.setItem(key, JSON.stringify(storedValue));
+    } else {
+      window.localStorage.setItem(key, storedValue as string);
+    }
+  }, [storedValue, key]);
 
   const removeValue = () => {
     window.localStorage.removeItem(key);
     setStoredValue(initialValue);
   };
 
-  return [storedValue, setStoredValue, removeValue];
+  return [storedValue, setStoredValue, removeValue] as const;
 }

src/main.tsx

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom/client';
 
 import FilterProvider from './lib/hooks/use-filter';
 import ThemeProvider from './lib/hooks/use-theme';
-import UrlProvider from './providers/urlProvider';
+import UrlProvider from './providers/urlProvider/reducer';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>