feat:cookies encrypt

app/docs/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function DocsLayout({
   children,

app/e-majalah-polri/daftar-majalah/page.tsx

@@ -1,4 +1,4 @@
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 import ListEnewsPolri from "@/components/table/tabel-emajalah-polri";
 
 export default function ListEnewsPage() {

app/e-majalah-polri/detail/[id]/layout.tsx

@@ -1,4 +1,4 @@
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function DetailEMajalahLayout({
   children,

app/e-majalah-polri/detail/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 import EMagazineDetail from "@/components/main/detail/e-magazine-detail";
 import React, { Suspense, useEffect, useState } from "react";
 

app/form-permohonan-informasi/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function ApplicationLayout({
   children,

app/kontak-kami/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function KontakLayout({
   children,

app/news/all/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import ListNews from "@/components/main/detail/list-news";
 import React, { useEffect, useState } from "react";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function ListNewsPage() {
   const [hasMounted, setHasMounted] = useState(false);

app/news/detail/[id]/page.tsx

@@ -1,5 +1,4 @@
-"use server";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 import DetailPage from "@/components/main/detail/new-detail";
 import { getArticleById } from "@/services/article";
 import { Metadata } from "next";

app/news/polda/[name]/page.tsx

@@ -1,6 +1,6 @@
 import ListNews from "@/components/main/detail/list-news";
 import React from "react";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function PoldaNewsPage() {
   // return <ListNews />;

app/news/satker/[name]/page.tsx

@@ -1,6 +1,6 @@
 import ListNews from "@/components/main/detail/list-news";
 import React from "react";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function PoldaNewsPage() {
   // return <ListNews />;

app/profile-pimpinan-polri/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function PropimLayout({
   children,

app/static/[slug]/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 import { getCustomStaticDetailBySlug } from "@/services/static-page-service";
 import { Card, CircularProgress } from "@heroui/react";
 import { useParams } from "next/navigation";

app/struktur-organisasi/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function StrukturLayout({
   children,

app/tentang-humas-polri/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function AboutLayout({
   children,

app/tugas-dan-fungsi/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function TaskLayout({
   children,

app/visi-misi/layout.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { HumasLayout } from "@/components/layout/humas-layout";
+import HumasLayout from "@/components/layout/humas-layout";
 
 export default function VisiMisiLayout({
   children,

components/landing/footer-new.tsx

@@ -20,7 +20,11 @@ import Cookies from "js-cookie";
 
 export default function FooterNew(props: { margin?: boolean }) {
   const [emailValue, setEmailValue] = useState("");
-  const accessToken = Cookies.get("access_token");
+  const [accessToken, setAccessToken] = useState<any>();
+  useEffect(() => {
+    const accessToken = Cookies.get("access_token");
+    setAccessToken(accessToken);
+  }, []);
 
   const doSubscribe = async () => {
     const isValidEmail = (email: string): boolean => {

components/layout/humas-layout.tsx

@@ -9,8 +9,7 @@ import FooterNew from "../landing/footer-new";
 interface Props {
   children: React.ReactNode;
 }
-
-export const HumasLayout = ({ children }: Props) => {
+const HumasLayout = ({ children }: Props) => {
   const [hasMounted, setHasMounted] = useState(false);
 
   useEffect(() => {
@@ -32,3 +31,5 @@ export const HumasLayout = ({ children }: Props) => {
     </section>
   );
 };
+
+export default HumasLayout;

components/layout/navbar/NavbarHumas.tsx

@@ -61,19 +61,16 @@ export default function NavbarHumas(props: { size: string }) {
   const [isOpen, setIsOpen] = useState(false);
   const router = useRouter();
   // const t = useTranslations("Navbar");
-  const token = Cookies.get("access_token");
-  const isAuthenticated = Cookies.get("is_authenticated");
   const [isScrolled, setIsScrolled] = useState(false);
   const [search, setSearch] = useState("");
-
+  const [token, setToken] = useState<any>();
   const language = storedLanguage((state) => state.locale);
   const setLanguage = storedLanguage((state) => state.setLocale);
 
-  // useEffect(() => {
-  //   if (!isAuthenticated) {
-  //     onLogout();
-  //   }
-  // }, [token]);
+  useEffect(() => {
+    const token = Cookies.get("access_token");
+    setToken(token);
+  }, []);
 
   const onLogout = () => {
     Object.keys(Cookies.get()).forEach((cookieName) => {

components/main/detail/comment.tsx

@@ -23,9 +23,6 @@ import { SendIcon, TimesIcon } from "@/components/icons";
 import { saveActivity } from "@/services/activity-log";
 import { usePathname } from "next/navigation";
 
-const userId = getCookiesDecrypt("uie");
-const token = Cookies.get("access_token");
-
 const commentSchema = z.object({
   name: z.string().min(1, {
     message: "Judul harus diisi",
@@ -54,6 +51,16 @@ export default function Comment(props: { id: string | null }) {
   const [editCommentId, setEditCommentId] = useState(0);
   const [replyValue, setReplyValue] = useState("");
   const [editValue, setEditValue] = useState("");
+
+  const [userId, setUserId] = useState<any>();
+  const [token, setToken] = useState<any>();
+
+  useEffect(() => {
+    const userId = getCookiesDecrypt("uie");
+    const token = Cookies.get("access_token");
+    setUserId(userId);
+    setToken(token);
+  }, []);
   const formOptions = {
     resolver: zodResolver(commentSchema),
   };

components/main/detail/new-detail.tsx

@@ -14,16 +14,18 @@ import Cookies from "js-cookie";
 import Head from "next/head";
 import { getCookiesDecrypt } from "@/utils/global";
 
-const token = Cookies.get("access_token");
-const uid = getCookiesDecrypt("uie");
-
 export default function NewsDetailPage(props: { datas: any }) {
   const params = useParams();
   const id: any = params?.id;
   const pathname = usePathname();
   const [detailArticle, setDetailArticle] = useState<any>();
   const [articles, setArticles] = useState<any>([]);
+  const [uid, setUid] = useState<any>("");
 
+  useEffect(() => {
+    const uid = getCookiesDecrypt("uie");
+    setUid(uid);
+  }, []);
   useEffect(() => {
     getArticles();
     sendActivity();
@@ -43,6 +45,7 @@ export default function NewsDetailPage(props: { datas: any }) {
     if (uid) {
       req.userId = Number(uid);
     }
+    const token = Cookies.get("access_token");
 
     const resActivity = await saveActivity(req, token);
   };

components/page/detail-news.tsx

@@ -28,9 +28,6 @@ import Cookies from "js-cookie";
 import { saveActivity } from "@/services/activity-log";
 import { Accordion, AccordionItem, Image } from "@heroui/react";
 
-const token = Cookies.get("access_token");
-const uid = getCookiesDecrypt("uie");
-
 export default function DetailNews(props: { data: any; listArticle: any }) {
   const { data, listArticle } = props;
   const [prevArticle, setPrevArticle] = useState("");
@@ -40,6 +37,15 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
   const params = useParams();
   const id: any = params?.id;
   const shareText = "Humas Polri";
+  const [uid, setUid] = useState<any>("");
+  const [token, setToken] = useState<any>("");
+
+  useEffect(() => {
+    const token = Cookies.get("access_token");
+    const uid = getCookiesDecrypt("uie");
+    setToken(token);
+    setUid(uid);
+  }, []);
 
   const handleShare = async (platform: string) => {
     let shareLink = "";

components/page/related-news.tsx

@@ -18,7 +18,6 @@ export default function RelatedNews(props: { categories: any }) {
 
   useEffect(() => {
     async function getArticle() {
-      console.log("categories", categories);
       const idString = categories.map((item: any) => item.id).join(",");
 
       const req = {

tsconfig.json

@@ -19,7 +19,6 @@
         "name": "next"
       }
     ],
-    "types": ["node", "minimatch"],
     "paths": {
       "@/*": ["./*"]
     },