+
diff --git a/src/components/providers/providers.tsx b/src/components/providers/providers.tsx
new file mode 100644
index 0000000..6dd48f0
--- /dev/null
+++ b/src/components/providers/providers.tsx
@@ -0,0 +1,23 @@
+"use client"
+import React from "react";
+import {Header} from "@/components/header";
+import {Footer} from "@/components/footer";
+import {ThemeProvider} from "@/components/providers/theme-provider";
+import {UserDataProvider} from "@/components/providers/userdata-provider";
+
+
+export function Providers({children}: { children: React.ReactNode }) {
+
+
+ return (
+
+
+ {children}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/providers/userdata-provider.tsx b/src/components/providers/userdata-provider.tsx
new file mode 100644
index 0000000..5d0d71a
--- /dev/null
+++ b/src/components/providers/userdata-provider.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import {IUserData} from "@/interfaces/userdata.interface";
+import {useEncodedLocalStorage} from "@/services/localStorage";
+
+export interface IUserDataProvider {
+ userData: IUserData | undefined;
+ setUserData: React.Dispatch
>
+}
+
+export const UserDataContext = React.createContext(undefined);
+
+export const UserDataProvider = ({children}: {children: React.ReactNode}) => {
+ const [userData, setUserData] = useEncodedLocalStorage("user_data", undefined);
+
+
+ return (
+
+ {children}
+
+ );
+};
\ No newline at end of file
diff --git a/src/interfaces/userdata.interface.ts b/src/interfaces/userdata.interface.ts
new file mode 100644
index 0000000..88ff7d9
--- /dev/null
+++ b/src/interfaces/userdata.interface.ts
@@ -0,0 +1,3 @@
+export interface IUserData {
+ name: string
+}
\ No newline at end of file
diff --git a/src/services/account.handler.ts b/src/services/account.handler.ts
new file mode 100644
index 0000000..c2337ed
--- /dev/null
+++ b/src/services/account.handler.ts
@@ -0,0 +1,14 @@
+"use client"
+
+import { createContext, useContext, useState } from 'react';
+import {IUserData} from "@/interfaces/userdata.interface";
+
+const UserDataContext = createContext(false)
+
+//TODO Run register task
+
+//TODO Run login task
+
+//TODO Run disconnect task
+
+//TODO Run update user data
\ No newline at end of file
diff --git a/src/services/exchange.handler.ts b/src/services/exchange.handler.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/services/localStorage.ts b/src/services/localStorage.ts
index f253553..e53b358 100644
--- a/src/services/localStorage.ts
+++ b/src/services/localStorage.ts
@@ -1,6 +1,6 @@
'use client'
-import React, {useEffect, useState} from "react";
+import React, {useEffect, useRef, useState} from "react";
/**
* A custom React hook that allows you to store and retrieve data in the browser's localStorage.
@@ -48,12 +48,20 @@ export function useLocalStorage(key: string, initial: T): [T, React.Dispatch<
* @return {readonly [T, React.Dispatch>]} - An array containing the encoded value and a function to update the encoded value.
*/
export function useEncodedLocalStorage(key: string, fallbackValue: T): readonly [T, React.Dispatch>] {
+ console.log("Pong !")
const [encodedValue, setEncodedValue] = useState(() => {
const stored = localStorage.getItem(key);
return stored ? safelyParse(stored, fallbackValue) : fallbackValue;
});
+
+ const prevValue = useRef(encodedValue);
+
useEffect(() => {
- localStorage.setItem(key, safelyStringify(encodedValue));
+ console.log({encodedValue})
+ if (!b64ValEqual(prevValue.current, encodedValue)) {
+ localStorage.setItem(key, safelyStringify(encodedValue));
+ }
+ prevValue.current = encodedValue; // Set ref to current value
}, [key, encodedValue]);
return [encodedValue, setEncodedValue] as const;
@@ -64,6 +72,12 @@ export function useEncodedLocalStorage(key: string, fallbackValue: T): readon
return fallback;
}
}
+
+ function b64ValEqual(v1: T, v2: T): boolean {
+ return btoa(JSON.stringify(v1)) === btoa(JSON.stringify(v2));
+ }
+
+
function safelyStringify(value: T): string {
try {
return btoa(JSON.stringify(value));