setTokenを可能にさせる

frontend/app/components/hooks/use-subdomain.ts

@@ -1,9 +0,0 @@
-import { useEffect, useState } from "react";
-
-export const useSubDomain = () => {
-  const [subDomain, setSubDomain] = useState<string>();
-  useEffect(() => {
-    setSubDomain(location.hostname.split(".").shift());
-  }, [setSubDomain]);
-  return subDomain;
-};

frontend/app/contexts/simulator-context.tsx

@@ -7,7 +7,7 @@ import {
   useState,
 } from "react";
 import type { Coordinate } from "~/apiClient/apiSchemas";
-import { getSimulateChair } from "~/utils/get-initial-data";
+import { getSimulateChair, getSimulateChairFromToken } from "~/utils/get-initial-data";
 
 import { apiBaseURL } from "~/apiClient/APIBaseURL";
 import {
@@ -16,7 +16,7 @@ import {
 } from "~/apiClient/apiComponents";
 import type { ClientChairRide, SimulatorChair } from "~/types";
 import { getSimulatorCurrentCoordinate } from "~/utils/storage";
-import { useSubDomain } from "~/components/hooks/use-subdomain";
+import { getCookieValue } from "~/utils/get-cookie-value";
 
 type ClientSimulatorContextProps = {
   targetChair?: SimulatorChair;
@@ -184,23 +184,23 @@ export const useClientChairNotification = (id?: string) => {
   return responseClientAppRequest;
 };
 
+
+
 export const SimulatorProvider = ({ children }: { children: ReactNode }) => {
-  const subDomain = useSubDomain();
+  const [token, setToken] = useState<string>()
 
   const simulateChairData = useMemo(() => {
-    switch (subDomain) {
-      case "fe001":
-        return getSimulateChair(0);
-      case "fe002":
-        return getSimulateChair(1);
-      case "fe003":
-        return getSimulateChair(2);
-      default:
-        return getSimulateChair();
-    }
-  }, [subDomain]);
+    return token ? getSimulateChairFromToken(token) : getSimulateChair()
+  }, [token]);
 
   useEffect(() => {
+
+    const token = getCookieValue(document.cookie, "chair_session")
+    if (token) {
+      setToken(token)
+      return;
+    }
+    // TODO: tokenがなければUI上で選択させるようにする
     if (simulateChairData?.token) {
       document.cookie = `chair_session=${simulateChairData.token}; path=/`;
     }
@@ -224,6 +224,7 @@ export const SimulatorProvider = ({ children }: { children: ReactNode }) => {
                 setter: setCurrentCoordinate,
                 coordinate: currentCoodinate,
               },
+              setToken,
             }
           : undefined,
       }}

frontend/app/types.ts

@@ -56,6 +56,7 @@ export type SimulatorChair = {
   name: string;
   model: string;
   token: string;
+  setToken: React.Dispatch<React.SetStateAction<string | undefined>>
   coordinateState: {
     coordinate?: Coordinate;
     setter: (coordinate: Coordinate) => void;

frontend/app/utils/get-initial-data.ts

@@ -27,3 +27,7 @@ export const getSimulateChair = (index?: number): InitialChair | undefined => {
     ? initialOwnerData?.simulatorChairs[index]
     : initialOwnerData?.simulatorChairs[0];
 };
+
+export const getSimulateChairFromToken = (token: string): InitialChair | undefined => {
+  return initialOwnerData?.simulatorChairs.find(c => c.token === token);
+};