feat: use oauth provider

web/src/context/oauth/index.ts

@@ -0,0 +1,33 @@
+import { createContext, useContext } from "react";
+
+interface OAuthContextValues {
+  active: boolean;
+  clientID: string;
+  redirectURI: string;
+  scope: string[];
+  state: string;
+  nonce: string;
+  setActive: (state: boolean) => void;
+  setClientID: (id: string) => void;
+  setRedirectURI: (uri: string) => void;
+  setScope: (scopes: string[]) => void;
+  setState: (state: string) => void;
+  setNonce: (nonce: string) => void;
+}
+
+export const OAuthContext = createContext<OAuthContextValues>({
+  active: false,
+  clientID: "",
+  redirectURI: "",
+  scope: [],
+  state: "",
+  nonce: "",
+  setActive: () => {},
+  setClientID: () => {},
+  setRedirectURI: () => {},
+  setScope: () => {},
+  setState: () => {},
+  setNonce: () => {},
+});
+
+export const useOAuthContext = () => useContext(OAuthContext);

web/src/context/oauth/provider.tsx

@@ -0,0 +1,36 @@
+import { useState, type FC, type ReactNode } from "react";
+import { OAuthContext } from ".";
+
+interface IOAuthProvider {
+  children: ReactNode;
+}
+
+export const OAuthProvider: FC<IOAuthProvider> = ({ children }) => {
+  const [active, setActive] = useState(false);
+  const [clientID, setClientID] = useState("");
+  const [redirectURI, setRedirectURI] = useState("");
+  const [scope, setScope] = useState<string[]>([]);
+  const [state, setState] = useState("");
+  const [nonce, setNonce] = useState("");
+
+  return (
+    <OAuthContext.Provider
+      value={{
+        active,
+        clientID,
+        redirectURI,
+        scope,
+        state,
+        nonce,
+        setActive,
+        setClientID,
+        setRedirectURI,
+        setScope,
+        setState,
+        setNonce,
+      }}
+    >
+      {children}
+    </OAuthContext.Provider>
+  );
+};

web/src/main.tsx

@@ -3,11 +3,14 @@ import App from "./App";
 
 import "./index.css";
 import { DbProvider } from "./context/db/provider";
+import { OAuthProvider } from "./context/oauth/provider";
 
 const root = document.getElementById("root")!;
 
 createRoot(root).render(
   <DbProvider>
-    <App />
+    <OAuthProvider>
+      <App />
+    </OAuthProvider>
   </DbProvider>
 );