refactor(banners): replace js-cookie with cookies-next for cookie management
This commit is contained in:
parent
ceb782888c
commit
0ac20c65f4
3 changed files with 10 additions and 27 deletions
18
apps/infoalloggi/package-lock.json
generated
18
apps/infoalloggi/package-lock.json
generated
|
|
@ -52,7 +52,6 @@
|
|||
"html2canvas-pro": "^1.5.13",
|
||||
"ioredis": "^5.7.0",
|
||||
"jose": "^6.0.12",
|
||||
"js-cookie": "^3.0.5",
|
||||
"jspdf": "^3.0.4",
|
||||
"kysely": "^0.28.9",
|
||||
"kysely-plugin-serialize": "^0.8.2",
|
||||
|
|
@ -103,7 +102,6 @@
|
|||
"@hookform/devtools": "^4.4.0",
|
||||
"@react-email/preview-server": "^4.2.8",
|
||||
"@total-typescript/ts-reset": "^0.6.1",
|
||||
"@types/js-cookie": "^3.0.6",
|
||||
"@types/leaflet": "^1.9.20",
|
||||
"@types/node": "^24.2.0",
|
||||
"@types/nodemailer": "^7.0.5",
|
||||
|
|
@ -8316,13 +8314,6 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/js-cookie": {
|
||||
"version": "3.0.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
|
||||
"integrity": "sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/json-schema": {
|
||||
"version": "7.0.15",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
|
||||
|
|
@ -12154,15 +12145,6 @@
|
|||
"url": "https://github.com/sponsors/panva"
|
||||
}
|
||||
},
|
||||
"node_modules/js-cookie": {
|
||||
"version": "3.0.5",
|
||||
"resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
|
||||
"integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/js-tokens": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
|
|
|
|||
|
|
@ -64,7 +64,6 @@
|
|||
"html2canvas-pro": "^1.5.13",
|
||||
"ioredis": "^5.7.0",
|
||||
"jose": "^6.0.12",
|
||||
"js-cookie": "^3.0.5",
|
||||
"jspdf": "^3.0.4",
|
||||
"kysely": "^0.28.9",
|
||||
"kysely-plugin-serialize": "^0.8.2",
|
||||
|
|
@ -115,7 +114,6 @@
|
|||
"@hookform/devtools": "^4.4.0",
|
||||
"@react-email/preview-server": "^4.2.8",
|
||||
"@total-typescript/ts-reset": "^0.6.1",
|
||||
"@types/js-cookie": "^3.0.6",
|
||||
"@types/leaflet": "^1.9.20",
|
||||
"@types/node": "^24.2.0",
|
||||
"@types/nodemailer": "^7.0.5",
|
||||
|
|
@ -136,4 +134,4 @@
|
|||
"ct3aMetadata": {
|
||||
"initVersion": "7.9.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import Cookies from "js-cookie";
|
||||
import { getCookie, setCookie } from "cookies-next/client";
|
||||
import { add } from "date-fns";
|
||||
import { X } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { type MouseEvent, useEffect, useState } from "react";
|
||||
|
|
@ -47,16 +48,18 @@ export const BannerFactory = (bannerData: Banners) => {
|
|||
|
||||
useEffect(() => {
|
||||
if (bannerData.is_unskippable === false) {
|
||||
const cookievalue = Cookies.get(NEW_BANNER_KEY) !== "true";
|
||||
const cookievalue = getCookie(NEW_BANNER_KEY) !== "true";
|
||||
|
||||
setIsBannerToShow(cookievalue);
|
||||
}
|
||||
}, []);
|
||||
|
||||
const onClick = (e: MouseEvent<HTMLButtonElement>) => {
|
||||
e.preventDefault();
|
||||
|
||||
Cookies.set(NEW_BANNER_KEY, "true", {
|
||||
expires: bannerData.hide_duration || defaultHideDuration,
|
||||
setCookie(NEW_BANNER_KEY, "true", {
|
||||
expires: add(new Date(), {
|
||||
days: bannerData.hide_duration || defaultHideDuration,
|
||||
}),
|
||||
});
|
||||
setIsBannerToShow(false);
|
||||
};
|
||||
|
|
@ -66,7 +69,7 @@ export const BannerFactory = (bannerData: Banners) => {
|
|||
}
|
||||
return (
|
||||
<div className={cn("bg-indigo-600", bgColor)}>
|
||||
<div className="mx-auto flex max-w-screen-xl items-start justify-between px-4 py-3 text-white sm:items-center md:px-8">
|
||||
<div className="mx-auto flex max-w-7xl items-start justify-between px-4 py-3 text-white sm:items-center md:px-8">
|
||||
<div className="flex flex-1 items-start justify-center gap-x-4 sm:items-center">
|
||||
<div
|
||||
className={cn(
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue