Set expiresAt based on selected duration

packages/keychain/src/components/connect/CreateSession.tsx

@@ -6,7 +6,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { useConnection } from "hooks/connection";
 import { ControllerErrorAlert } from "components/ErrorAlert";
 import { SessionConsent } from "components/connect";
-import { DEFAULT_SESSION_DURATION, SESSION_EXPIRATION } from "const";
+import { DEFAULT_SESSION_DURATION } from "const";
 import { Upgrade } from "./Upgrade";
 import { ErrorCode } from "@cartridge/account-wasm";
 import { SessionSummary } from "components/SessionSummary";
@@ -24,9 +24,7 @@ export function CreateSession({
   const [isConnecting, setIsConnecting] = useState(false);
   const [isDisabled, setIsDisabled] = useState(false);
   const [duration, setDuration] = useState<bigint>(DEFAULT_SESSION_DURATION);
-  const expiresAt = useMemo(() => {
-    return SESSION_EXPIRATION
-  }, [])
+  const expiresAt = useMemo(() => duration + BigInt(Math.floor(Date.now() / 1000)), [duration])
   const [maxFee] = useState<BigNumberish>();
   const [error, setError] = useState<ControllerError | Error>();
 
@@ -35,7 +33,7 @@ export function CreateSession({
     const normalizedChainId = normalizeChainId(chainId);
 
     const violatingPolicy = policies.messages?.find(
-      (policy) =>
+      (policy: TypedDataPolicy) =>
         "domain" in policy &&
         (!policy.domain.chainId ||
           normalizeChainId(policy.domain.chainId) !== normalizedChainId),
@@ -105,7 +103,7 @@ export function CreateSession({
               <div>Expires in{" "}</div>
               <Select value={duration.toString()}
                 onValueChange={val => {
-                  console.log(val)
+                  setDuration(BigInt(val))
                 }}>
                 <SelectTrigger className="w-28" >
                   <SelectValue defaultValue={(60 * 60 * 24).toString()} placeholder="1 HR" />