diff --git a/src/app/(stats)/player/[ign]/_client.tsx b/src/app/(stats)/player/[ign]/_client.tsx index 109db45..d35f305 100644 --- a/src/app/(stats)/player/[ign]/_client.tsx +++ b/src/app/(stats)/player/[ign]/_client.tsx @@ -10,7 +10,7 @@ import { CSS } from "@dnd-kit/utilities" import Cookies from "js-cookie" import { GripVertical } from "lucide-react" import { usePathname } from "next/navigation" -import { useEffect, useState } from "react" +import { useEffect, useMemo, useState } from "react" import ArcadeStats from "./_stats/arcade/arcade" import BedwarsStats from "./_stats/bedwars/bedwars" @@ -108,12 +108,17 @@ export default function PlayerStats( }) ) - function updateStatsOrder(arr: string[]) { - Cookies.set(COOKIE_VALUES.statsOrder, JSON.stringify(arr), { + const cookieOpts = useMemo(() => { + const cookieOpts: Parameters[2] = { secure: process.env.NODE_ENV === "production", sameSite: "lax", expires: 365 - }) + } + return cookieOpts + }, []) + + function updateStatsOrder(arr: string[]) { + Cookies.set(COOKIE_VALUES.statsOrder, JSON.stringify(arr), cookieOpts) } function handleDragEnd(event: DragEndEvent) { @@ -134,7 +139,11 @@ export default function PlayerStats( if (layout && layout.length > 0) { setStatsOrder(layout) } - }, [layout]) + const cookie = Cookies.get(COOKIE_VALUES.statsOrder) + if (cookie) { + Cookies.set(COOKIE_VALUES.statsOrder, cookie, cookieOpts) + } + }, [layout, cookieOpts]) if (!isClient) { return (