Merge pull request #14 from isucon/driver

Driver

frontend/app/routes/client/userProvider.tsx

@@ -12,7 +12,7 @@ const userContext = createContext<Partial<User>>({});
 
 export const UserProvider = ({ children }: { children: ReactNode }) => {
   const [searchParams] = useSearchParams();
-  const accessToken = searchParams.get("access_token") ?? undefined;
+  const accessToken = searchParams.get("user_access_token") ?? undefined;
   if (accessToken === undefined) {
     return;
   }

frontend/app/routes/driver/driverProvider.tsx

@@ -0,0 +1,35 @@
+import { useSearchParams } from "@remix-run/react";
+import { ReactNode, createContext, useContext } from "react";
+
+export type AccessToken = string;
+
+type Driver = {
+  id: string;
+  name: string;
+  accessToken: AccessToken;
+};
+const driverContext = createContext<Partial<Driver>>({});
+
+export const DriverProvider = ({ children }: { children: ReactNode }) => {
+  const [searchParams] = useSearchParams();
+  const accessToken = searchParams.get("driver_access_token") ?? undefined;
+  if (accessToken === undefined) {
+    return;
+  }
+  /**
+   * TODO: ログイン情報取得処理
+   */
+  const fetchedValue: Driver = {
+    id: "fetched-id",
+    name: "fetched-name",
+    accessToken,
+  };
+
+  return (
+    <driverContext.Provider value={fetchedValue}>
+      {children}
+    </driverContext.Provider>
+  );
+};
+
+export const useDriver = () => useContext(driverContext);

frontend/app/routes/driver/route.tsx

@@ -2,6 +2,7 @@ import type { MetaFunction } from "@remix-run/node";
 import { Outlet } from "@remix-run/react";
 import { FooterNavigation } from "~/components/FooterNavigation";
 import { CircleIcon } from "~/components/icon/circle";
+import { DriverProvider } from "./driverProvider";
 
 export const meta: MetaFunction = () => {
   return [{ title: "ISUCON14" }, { name: "description", content: "isucon14" }];
@@ -11,7 +12,9 @@ export default function DriverLayout() {
   return (
     <div className="font-sans h-screen flex relative flex-col">
       <div className="flex-1">
-        <Outlet />
+        <DriverProvider>
+          <Outlet />
+        </DriverProvider>
       </div>
       <FooterNavigation
         navigationMenus={[