feat: update Dockerfile

feat : update dockerfle
update major: change nextui to heroui
2025-02-13 16:21:06 +07:00 · 2025-02-13 16:17:14 +07:00 · 2025-02-13 16:15:38 +07:00 · 2025-02-13 08:37:14 +07:00 · 2025-02-13 08:24:35 +07:00 · 2025-02-13 08:18:30 +07:00
10871 changed files with 1849417 additions and 19627 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -1,34 +0,0 @@
-kind: pipeline
-type: ssh
-name: humas-fe-build
-
-server:
-  host:
-    from_secret: ssh_host
-  user:
-    from_secret: ssh_user
-  ssh_key:
-    from_secret: ssh_key
-
-steps:
-  - name: prepare repo
-    when:
-      branch:
-        - prod
-    commands:
-      - rm -rf /opt/build/web-humas-fe
-      - mkdir -p /opt/build/web-humas-fe
-      - cd /opt/build
-      - git clone http://38.47.180.165:3000/humas/web-humas-fe.git
-      - cd /opt/build/web-humas-fe
-      - git checkout $DRONE_BRANCH
-
-  - name: build image
-    when:
-      branch:
-        - prod
-    commands:
-      - docker login 38.47.180.165:3000 -u administrator -p HarborDockerImageRep0
-      - cd /opt/build/web-humas-fe
-      - docker build -t 38.47.180.165:3000/humas/web-humas-fe:$DRONE_BRANCH .
-      - docker push 38.47.180.165:3000/humas/web-humas-fe:$DRONE_BRANCH
--- a/.env
+++ b/.env
@ -0,0 +1 @@
+NEXT_PUBLIC_MAPS_API_KEY=AIzaSyCOkxoeKykE60L_nM4VS1JYJqBmqy2GA0Q
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -7,10 +7,12 @@ build-dev:
  when: on_success
  only:
    - main
+    - dev-restructure
+    - dev-main
  image: docker:stable
  services:
-  - name: docker:dind
-    command: ["--insecure-registry=103.82.242.92:8900"]
+    - name: docker:dind
+      command: ["--insecure-registry=103.82.242.92:8900"]
  script:
    - docker logout
    - docker login -u $DEPLOY_USERNAME -p $DEPLOY_TOKEN 103.82.242.92:8900
@ -22,8 +24,10 @@ auto-deploy:
  when: on_success
  only:
    - main
+    - dev-restructure
+    - dev-main
  image: curlimages/curl:latest
  services:
    - docker:dind
  script:
-    - curl --user cekmedsos:$JENKINS_PWD http://103.82.242.92:8080/job/autodeploy-humas/build?token=autodeployhumas
+    - curl --user admin:$JENKINS_PWD http://38.47.180.165:8080/job/autodeploy-humas/build?token=autodeployhumas
--- a/24
+++ b/24
@ -1,24 +1,36 @@
-FROM node:21-alpine
+FROM node:23.5.0-alpine

 ENV PORT 4000

+# pnpm install globally
+# RUN npm install -g pnpm
+
 # Create app directory
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app

 # Installing dependencies
-COPY package*.json /usr/src/app/
+COPY package*.json ./
+
+# Copy ckeditor5 to workdir
+COPY vendor/ckeditor5 ./vendor/ckeditor5
+
+# Install dependencies
+# RUN pnpm install --frozen-lockfile

 # RUN npm install --force
-RUN npm install -g npm@latest
-RUN npm install
+# RUN npm install -g npm@latest
+RUN npm install --legacy-peer-deps

 # Copying source files
-COPY . /usr/src/app
+COPY . .

 # Building app
+RUN rm -rf .next
+# RUN pnpm run build
 RUN npm run build
+
 EXPOSE 4000

 # Running the app
-CMD "npm" "run" "start"
+CMD ["npm", "run", "start"]
--- a/app/(admin)/admin/article/create/page.tsx
+++ b/app/(admin)/admin/article/create/page.tsx
@ -1,10 +1,12 @@
-import FormArticle from '@/components/form/form-article'
-import { Card } from '@nextui-org/react'
+import CreateArticleForm from "@/components/form/article/create-article-form";
+import FormArticle from "@/components/form/form-article";
+import { Card } from "@heroui/react";

 export default function CreateArticle() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormArticle />
-        </Card>
-    )
+  return (
+    <div className="bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      {/* <FormArticle /> */}
+      <CreateArticleForm />
+    </div>
+  );
 }
--- a/app/(admin)/admin/article/detail/[id]/page.tsx
+++ b/app/(admin)/admin/article/detail/[id]/page.tsx
@ -1,10 +1,10 @@
-import FormDetailArticle from '@/components/form/form-detail-article'
-import { Card } from '@nextui-org/react'
+import EditArticleForm from "@/components/form/article/edit-article-form";

 export default function DetailArticlePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormDetailArticle />
-        </Card>
-    )
+  return (
+    <div className="h-[96vh] bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      {/* <FormDetailArticle /> */}
+      <EditArticleForm isDetail={true} />
+    </div>
+  );
 }
--- a/app/(admin)/admin/article/edit/[id]/page.tsx
+++ b/app/(admin)/admin/article/edit/[id]/page.tsx
@ -1,10 +1,9 @@
-import FormUpdateArticle from '@/components/form/form-edit-article'
-import { Card } from '@nextui-org/react'
+import EditArticleForm from "@/components/form/article/edit-article-form";

 export default function UpdateArticlePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormUpdateArticle />
-        </Card>
-    )
+  return (
+    <div className="h-[96vh] bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      <EditArticleForm isDetail={false} />
+    </div>
+  );
 }
--- a/app/(admin)/admin/article/generate/edit/[id]/page.tsx
+++ b/app/(admin)/admin/article/generate/edit/[id]/page.tsx
@ -0,0 +1,27 @@
+"use client";
+import EditGeneratedArticleChecker from "@/components/form/article/edit-generated-article-checker-form";
+import EditGeneratedArticleContent from "@/components/form/article/edit-generated-article-content-form";
+import { Card } from "@heroui/react";
+import { Tab, Tabs } from "@heroui/react";
+
+import { useParams } from "next/navigation";
+
+export default function EditGeneratedArticlePage() {
+  const params = useParams();
+  const id = String(params.id);
+
+  return (
+    <Card className="rounded-md border bg-transparent p-6 overflow-auto">
+      <div className="flex flex-col gap-2">
+        <Tabs aria-label="Options">
+          <Tab key="content" title="Content">
+            <EditGeneratedArticleContent id={id} />
+          </Tab>
+          <Tab key="checker" title="Checker">
+            <EditGeneratedArticleChecker id={id} />
+          </Tab>
+        </Tabs>
+      </div>
+    </Card>
+  );
+}
--- a/app/(admin)/admin/article/generate/page.tsx
+++ b/app/(admin)/admin/article/generate/page.tsx
@ -0,0 +1,10 @@
+import GenerateArticleForm from "@/components/form/article/generate-article-form";
+import { Card } from "@heroui/react";
+
+export default function GenerateArticle() {
+  return (
+    <Card className="rounded-md border bg-transparent">
+      <GenerateArticleForm />
+    </Card>
+  );
+}
--- a/app/(admin)/admin/article/page.tsx
+++ b/app/(admin)/admin/article/page.tsx
@ -1,24 +1,28 @@
-"use client"
+"use client";
 import { AddIcon } from "@/components/icons";
 import ArticleTable from "@/components/table/article-table";
-import { Button, Card } from "@nextui-org/react";
+import generatedArticleIds from "@/store/generated-article-store";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";
+import { useRouter } from "next/navigation";

 export default function BasicPage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/article/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New Article
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <ArticleTable />
-                </Card>
-            </div>
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl p-3">
+          <Link href="/admin/article/create">
+            <Button
+              size="md"
+              className="bg-[#F07C00] text-white w-full lg:w-fit"
+            >
+              Tambah Artikel
+              <AddIcon />
+            </Button>
+          </Link>
+          <ArticleTable />
        </div>
-    );
+      </div>
+    </div>
+  );
 }
--- a/app/(admin)/admin/dashboard/page.tsx
+++ b/app/(admin)/admin/dashboard/page.tsx
@ -1,11 +1,11 @@
 import DashboardContainer from "@/components/main/dashboard/dashboard-container";

 export default function AdminPage() {
-    return (
-        <div className="flex h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-small ml-4">
-            <div className="px-4">
-                <DashboardContainer />
-            </div>
-        </div>
-    )
-}
+  return (
+    <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid">
+      <div className="lg:px-4 !w-screen lg:!w-auto">
+        <DashboardContainer />
+      </div>
+    </div>
+  );
+}
--- a/app/(admin)/admin/e-magazine/create/page.tsx
+++ b/app/(admin)/admin/e-magazine/create/page.tsx
@ -1,11 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMagazineCreate = () => {
-    return (
-        <div><CreateMagazineForm /></div>
-    )
-}
-
-export default AdminMagazineCreate
--- a/app/(admin)/admin/e-magazine/page.tsx
+++ b/app/(admin)/admin/e-magazine/page.tsx
@ -1,10 +0,0 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMagazine = () => {
-    return (
-        <div><MagazineTable /></div>
-    )
-}
-
-export default AdminMagazine
--- a/app/(admin)/admin/magazine/create/page.tsx
+++ b/app/(admin)/admin/magazine/create/page.tsx
@ -0,0 +1,13 @@
+import NewCreateMagazineForm from "@/components/form/magazine/create-magazine-form";
+import CreateMagazineForm from "@/components/form/magazine/magazine-form";
+import React from "react";
+
+const AdminMagazineCreate = () => {
+  return (
+    <div className="h-[96vh] bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      <NewCreateMagazineForm />
+    </div>
+  );
+};
+
+export default AdminMagazineCreate;
--- a/app/(admin)/admin/magazine/detail/[id]/page.tsx
+++ b/app/(admin)/admin/magazine/detail/[id]/page.tsx
@ -0,0 +1,9 @@
+import EditMagazineForm from "@/components/form/magazine/edit-magazine-form";
+
+export default function DetailArticlePage() {
+  return (
+    <div className="h-[96vh] bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      <EditMagazineForm isDetail={true} />
+    </div>
+  );
+}
--- a/app/(admin)/admin/e-magazine/detail/page.tsx
+++ b/app/(admin)/admin/e-magazine/detail/page.tsx
--- a/app/(admin)/admin/magazine/edit/[id]/page.tsx
+++ b/app/(admin)/admin/magazine/edit/[id]/page.tsx
@ -0,0 +1,9 @@
+import EditMagazineForm from "@/components/form/magazine/edit-magazine-form";
+
+export default function EditArticlePage() {
+  return (
+    <div className="h-[96vh] bg-transparent p-3 lg:p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
+      <EditMagazineForm isDetail={false} />
+    </div>
+  );
+}
--- a/app/(admin)/admin/magazine/page.tsx
+++ b/app/(admin)/admin/magazine/page.tsx
@ -0,0 +1,26 @@
+"use client";
+import { AddIcon } from "@/components/icons";
+import MagazineTable from "@/components/table/magazine/magazine-table";
+import { Button } from "@heroui/react";
+import Link from "next/link";
+
+export default function MagazineTablePage() {
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl p-3">
+          <Link href="/admin/magazine/create">
+            <Button
+              size="md"
+              className="bg-[#F07C00] text-white w-full lg:w-fit"
+            >
+              Tambah Majalah
+              <AddIcon />
+            </Button>
+          </Link>
+          <MagazineTable />
+        </div>
+      </div>
+    </div>
+  );
+}
--- a/app/(admin)/admin/master-category/page.tsx
+++ b/app/(admin)/admin/master-category/page.tsx
@ -0,0 +1,371 @@
+"use client";
+import { AddIcon, CloudUploadIcon, TimesIcon } from "@/components/icons";
+import ArticleTable from "@/components/table/article-table";
+import CategoriesTable from "@/components/table/master-categories/categories-table";
+import generatedArticleIds from "@/store/generated-article-store";
+import {
+  Button,
+  Card,
+  Chip,
+  Input,
+  Modal,
+  ModalBody,
+  ModalContent,
+  ModalFooter,
+  ModalHeader,
+  Textarea,
+  useDisclosure,
+} from "@heroui/react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import * as z from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Controller, useForm } from "react-hook-form";
+import { Fragment, useEffect, useState } from "react";
+import { getArticleByCategory } from "@/service/article";
+import ReactSelect from "react-select";
+import makeAnimated from "react-select/animated";
+import { useDropzone } from "react-dropzone";
+import { close, error, loading } from "@/config/swal";
+import {
+  createCategory,
+  uploadCategoryThumbnail,
+} from "@/service/master-categories";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+
+const categorySchema = z.object({
+  id: z.number(),
+  label: z.string(),
+  value: z.number(),
+});
+
+const createArticleSchema = z.object({
+  title: z.string().min(2, {
+    message: "Judul harus diisi",
+  }),
+  description: z.string().min(2, {
+    message: "Deskripsi harus diisi",
+  }),
+  tags: z.array(z.string()),
+  // tags: z.array(z.string()).nonempty({
+  //   message: "Minimal 1 tag",
+  // }),
+});
+
+interface CategoryType {
+  id: number;
+  label: string;
+  value: number;
+}
+
+export default function MasterCategoryTable() {
+  const router = useRouter();
+  const MySwal = withReactContent(Swal);
+
+  const animatedComponents = makeAnimated();
+  const { isOpen, onOpen, onOpenChange, onClose } = useDisclosure();
+  const [listCategory, setListCategory] = useState<CategoryType[]>([]);
+  const [files, setFiles] = useState<File[]>([]);
+  const [refresh, setRefresh] = useState(false);
+  const [tag, setTag] = useState("");
+
+  const formOptions = {
+    resolver: zodResolver(createArticleSchema),
+    defaultValues: { title: "", description: "", category: [], tags: [] },
+  };
+
+  const { getRootProps, getInputProps } = useDropzone({
+    onDrop: (acceptedFiles) => {
+      setFiles(acceptedFiles.map((file) => Object.assign(file)));
+    },
+    maxFiles: 1,
+  });
+  type UserSettingSchema = z.infer<typeof createArticleSchema>;
+  const {
+    control,
+    handleSubmit,
+    formState: { errors },
+    setValue,
+    getValues,
+    watch,
+    setError,
+    clearErrors,
+  } = useForm<UserSettingSchema>(formOptions);
+
+  useEffect(() => {
+    fetchCategory();
+  }, []);
+
+  const fetchCategory = async () => {
+    const res = await getArticleByCategory();
+    if (res?.data?.data) {
+      setupCategory(res?.data?.data);
+    }
+  };
+
+  const setupCategory = (data: any) => {
+    const temp = [];
+    for (const element of data) {
+      temp.push({
+        id: element.id,
+        label: element.title,
+        value: element.id,
+      });
+    }
+    setListCategory(temp);
+  };
+
+  const onSubmit = async (values: z.infer<typeof createArticleSchema>) => {
+    console.log("values,", values);
+    loading();
+    const formData = {
+      title: values.title,
+      statusId: 1,
+      parentId: 1,
+      tags: values.tags.join(","),
+      description: values.description,
+    };
+
+    const response = await createCategory(formData);
+
+    if (response?.error) {
+      error(response.message);
+      return false;
+    }
+    const categoryId = response?.data?.data?.id;
+    const formFiles = new FormData();
+
+    formFiles.append("files", files[0]);
+    const resFile = await uploadCategoryThumbnail(categoryId, formFiles);
+    if (resFile?.error) {
+      error(resFile.message);
+      return false;
+    }
+    close();
+    setRefresh(!refresh);
+    MySwal.fire({
+      title: "Sukses",
+      icon: "success",
+      confirmButtonColor: "#3085d6",
+      confirmButtonText: "OK",
+    }).then((result) => {
+      if (result.isConfirmed) {
+      }
+    });
+  };
+
+  const handleRemoveFile = (file: File) => {
+    const uploadedFiles = files;
+    const filtered = uploadedFiles.filter((i) => i.name !== file.name);
+    setFiles([...filtered]);
+  };
+
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl p-3">
+          <Button
+            size="md"
+            className="bg-[#F07C00] text-white w-full lg:w-fit"
+            onPress={onOpen}
+          >
+            Tambah Kategori
+            <AddIcon />
+          </Button>
+          <CategoriesTable triggerRefresh={refresh} />
+        </div>
+      </div>
+      <Modal isOpen={isOpen} onOpenChange={onOpenChange} size="3xl">
+        <ModalContent>
+          {() => (
+            <>
+              <ModalHeader className="flex flex-col gap-1">
+                Kategori Baru
+              </ModalHeader>
+              <ModalBody>
+                <form
+                  onSubmit={handleSubmit(onSubmit)}
+                  className="flex flex-col gap-3"
+                >
+                  <div className="flex flex-col gap-1">
+                    <p className="text-sm">Nama Kategori</p>
+                    <Controller
+                      control={control}
+                      name="title"
+                      render={({ field: { onChange, value } }) => (
+                        <Input
+                          type="text"
+                          id="title"
+                          placeholder=""
+                          label=""
+                          value={value}
+                          onChange={onChange}
+                          labelPlacement="outside"
+                          className="w-full "
+                          classNames={{
+                            inputWrapper: [
+                              "border-1 rounded-lg",
+                              "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400",
+                            ],
+                          }}
+                          variant="bordered"
+                        />
+                      )}
+                    />
+                    {errors?.title && (
+                      <p className="text-red-400 text-sm">
+                        {errors.title?.message}
+                      </p>
+                    )}
+                  </div>
+                  <div className="flex flex-col gap-1">
+                    <p className="text-sm">Deskripsi</p>
+                    <Controller
+                      control={control}
+                      name="description"
+                      render={({ field: { onChange, value } }) => (
+                        <Textarea
+                          type="text"
+                          id="description"
+                          placeholder=""
+                          label=""
+                          value={value}
+                          onChange={onChange}
+                          labelPlacement="outside"
+                          className="w-full "
+                          classNames={{
+                            inputWrapper: [
+                              "border-1 rounded-lg",
+                              "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400",
+                            ],
+                          }}
+                          variant="bordered"
+                        />
+                      )}
+                    />
+                    {errors?.title && (
+                      <p className="text-red-400 text-sm">
+                        {errors.title?.message}
+                      </p>
+                    )}
+                  </div>
+                  <div className="flex flex-col gap-1">
+                    <p className="text-sm mt-3">Tag Terkait</p>
+                    <Controller
+                      control={control}
+                      name="tags"
+                      render={({ field: { onChange, value } }) => (
+                        <Input
+                          type="text"
+                          id="tags"
+                          placeholder=""
+                          label=""
+                          value={tag}
+                          onValueChange={setTag}
+                          startContent={
+                            <div className="flex flex-row gap-1">
+                              {value.map((item, index) => (
+                                <Chip
+                                  color="primary"
+                                  key={index}
+                                  className=""
+                                  onClose={() => {
+                                    const filteredTags = value.filter(
+                                      (tag) => tag !== item
+                                    );
+                                    if (filteredTags.length === 0) {
+                                      setError("tags", {
+                                        type: "manual",
+                                        message: "Tags tidak boleh kosong",
+                                      });
+                                    } else {
+                                      clearErrors("tags");
+                                      setValue(
+                                        "tags",
+                                        filteredTags as [string, ...string[]]
+                                      );
+                                    }
+                                  }}
+                                >
+                                  {item}
+                                </Chip>
+                              ))}
+                            </div>
+                          }
+                          onKeyDown={(e) => {
+                            if (e.key === "Enter") {
+                              if (tag.trim() !== "") {
+                                setValue("tags", [...value, tag.trim()]);
+                                setTag("");
+                                e.preventDefault();
+                              }
+                            }
+                          }}
+                          labelPlacement="outside"
+                          className="w-full h-fit"
+                          classNames={{
+                            inputWrapper: [
+                              "border-1 rounded-lg",
+                              "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400",
+                            ],
+                          }}
+                          variant="bordered"
+                        />
+                      )}
+                    />
+                  </div>
+                  <div className="flex flex-col gap-1">
+                    <p className="text-sm mt-3">Thumbnail</p>
+                    {files.length < 1 && (
+                      <Fragment>
+                        <div {...getRootProps({ className: "dropzone" })}>
+                          <input {...getInputProps()} />
+                          <div className=" w-full text-center border-dashed border border-default-200 dark:border-default-300  rounded-md py-[52px] flex  items-center flex-col">
+                            <CloudUploadIcon />
+                            <h4 className=" text-2xl font-medium mb-1 mt-3 text-card-foreground/80">
+                              Tarik file disini atau klik untuk upload.
+                            </h4>
+                            <div className=" text-xs text-muted-foreground">
+                              ( Upload file dengan format .jpg, .jpeg, atau
+                              .png. Ukuran maksimal 100mb.)
+                            </div>
+                          </div>
+                        </div>
+                      </Fragment>
+                    )}
+
+                    {files.length > 0 && (
+                      <div className="flex flex-row gap-2">
+                        <img
+                          src={URL.createObjectURL(files[0])}
+                          className="w-[30%]"
+                          alt="thumbnail"
+                        />
+                        <Button
+                          className=" border-none rounded-full"
+                          variant="bordered"
+                          onClick={() => handleRemoveFile(files[0])}
+                        >
+                          <TimesIcon />
+                        </Button>
+                      </div>
+                    )}
+                  </div>
+                  <ModalFooter className="self-end grow items-end">
+                    <Button color="primary" type="submit">
+                      Simpan
+                    </Button>
+                    <Button color="danger" variant="light" onPress={onClose}>
+                      Tutup
+                    </Button>
+                  </ModalFooter>
+                </form>
+              </ModalBody>
+            </>
+          )}
+        </ModalContent>
+      </Modal>
+    </div>
+  );
+}
--- a/app/(admin)/admin/master-role/create/page.tsx
+++ b/app/(admin)/admin/master-role/create/page.tsx
@ -1,10 +1,10 @@
-import FormMasterUserRole from '@/components/form/form-master-user-role'
-import { Card } from '@nextui-org/react'
+import FormMasterUserRole from "@/components/form/form-master-user-role";
+import { Card } from "@heroui/react";

 export default function CreateMasterUserRolePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormMasterUserRole />
-        </Card>
-    )
+  return (
+    <Card className="h-[96vh] rounded-md bg-transparent">
+      <FormMasterUserRole />
+    </Card>
+  );
 }
--- a/app/(admin)/admin/master-role/detail/[id]/page.tsx
+++ b/app/(admin)/admin/master-role/detail/[id]/page.tsx
@ -1,10 +1,10 @@
-import FormDetailMasterUserRole from '@/components/form/form-detail-master-user-role'
-import { Card } from '@nextui-org/react'
+import FormDetailMasterUserRole from "@/components/form/form-detail-master-user-role";
+import { Card } from "@heroui/react";

 export default function DetailMasterRolePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormDetailMasterUserRole />
-        </Card>
-    )
+  return (
+    <Card className="h-[96vh] rounded-md my- ml-3 bg-transparent">
+      <FormDetailMasterUserRole />
+    </Card>
+  );
 }
--- a/app/(admin)/admin/master-role/page.tsx
+++ b/app/(admin)/admin/master-role/page.tsx
@ -1,24 +1,27 @@
-"use client"
+"use client";
 import { AddIcon } from "@/components/icons";
 import MasterRoleTable from "@/components/table/master-role-table";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";

 export default function MasterRolePage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/master-role/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New Role
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <MasterRoleTable />
-                </Card>
-            </div>
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl py-3">
+          <Link href="/admin/master-role/create" className="mx-3">
+            <Button
+              size="md"
+              color="primary"
+              className="bg-[#F07C00] text-white"
+            >
+              Peran Baru
+              <AddIcon />
+            </Button>
+          </Link>
+          <MasterRoleTable />
        </div>
-    );
+      </div>
+    </div>
+  );
 }
--- a/app/(admin)/admin/master-user-level/page.tsx
+++ b/app/(admin)/admin/master-user-level/page.tsx
@ -1,13 +1,14 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import MenuDataTable from '@/components/table/master/master-menu/menu-data/menu-data-table'
-import MasterModuleTable from '@/components/table/master/master-module/master-module-table'
-import MasterUserLevelTable from '@/components/table/master/master-user-level/master-user-level-table'
-import React from 'react'
+import MappingUserLevel from "@/components/table/master/master-user-level/mapping-user-level";
+import MasterUserLevelTable from "@/components/table/master/master-user-level/master-user-level-table";
+import React from "react";

 const AdminMasterUserLevel = () => {
-    return (
-        <div><MasterUserLevelTable /></div>
-    )
-}
+  return (
+    // <div><MasterUserLevelTable /></div>
+    <div>
+      <MappingUserLevel />
+    </div>
+  );
+};

-export default AdminMasterUserLevel
+export default AdminMasterUserLevel;
--- a/app/(admin)/admin/master-user/create/page.tsx
+++ b/app/(admin)/admin/master-user/create/page.tsx
@ -1,10 +1,10 @@
-import FormMasterUser from '@/components/form/form-master-user'
-import { Card } from '@nextui-org/react'
+import FormMasterUser from "@/components/form/form-master-user";
+import { Card } from "@heroui/react";

 export default function CreateMasterUserPage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormMasterUser />
-        </Card>
-    )
+  return (
+    <Card className="h-[96vh] rounded-md bg-transparent">
+      <FormMasterUser />
+    </Card>
+  );
 }
--- a/app/(admin)/admin/master-user/edit/[id]/page.tsx
+++ b/app/(admin)/admin/master-user/edit/[id]/page.tsx
@ -0,0 +1,11 @@
+import FormMasterUser from "@/components/form/form-master-user";
+import FormMasterUserEdit from "@/components/form/form-master-user-edit";
+import { Card } from "@heroui/react";
+
+export default function CreateMasterUserPage() {
+  return (
+    <Card className="h-[96vh] rounded-md bg-transparent">
+      <FormMasterUserEdit />
+    </Card>
+  );
+}
--- a/app/(admin)/admin/master-user/page.tsx
+++ b/app/(admin)/admin/master-user/page.tsx
@ -1,24 +1,27 @@
-"use client"
+"use client";
 import { AddIcon } from "@/components/icons";
 import MasterUserTable from "@/components/table/master-user-table";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";

 export default function MasterUserPage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/master-user/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New User
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <MasterUserTable />
-                </Card>
-            </div>
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl py-3">
+          <Link href="/admin/master-user/create" className="mx-3">
+            <Button
+              size="md"
+              color="primary"
+              className="bg-[#F07C00] text-white"
+            >
+              Pengguna Baru
+              <AddIcon />
+            </Button>
+          </Link>
+          <MasterUserTable />
        </div>
-    );
+      </div>
+    </div>
+  );
 }
--- a/app/(admin)/admin/static-page/create/page.tsx
+++ b/app/(admin)/admin/static-page/create/page.tsx
@ -0,0 +1,10 @@
+import StaticPageBuilder from "@/components/main/static-page/static-page-main";
+import { Card } from "@heroui/react";
+
+export default function StaticPageGenerator() {
+  return (
+    <div className="bg-transparent p-4 overflow-auto">
+      <StaticPageBuilder />
+    </div>
+  );
+}
--- a/app/(admin)/admin/static-page/edit/[id]/page.tsx
+++ b/app/(admin)/admin/static-page/edit/[id]/page.tsx
@ -0,0 +1,10 @@
+import StaticPageBuilderEdit from "@/components/form/static-page/static-page-edit-form";
+import { Card } from "@heroui/react";
+
+export default function StaticPageEdit() {
+  return (
+    <Card className="rounded-md bg-transparent p-4 overflow-auto">
+      <StaticPageBuilderEdit />
+    </Card>
+  );
+}
--- a/app/(admin)/admin/static-page/page.tsx
+++ b/app/(admin)/admin/static-page/page.tsx
@ -0,0 +1,26 @@
+import { AddIcon } from "@/components/icons";
+import StaticPageTable from "@/components/table/static-page-table";
+import { Button, Card } from "@heroui/react";
+import Link from "next/link";
+
+export default function StaticPageGeneratorList() {
+  return (
+    <div className="overflow-x-hidden overflow-y-scroll rounded-lg">
+      <div className="px-2 md:px-4 md:py-4 w-full">
+        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl p-3">
+          <Link href="/admin/static-page/create">
+            <Button
+              size="md"
+              color="primary"
+              className="bg-[#F07C00] text-white w-full lg:w-fit"
+            >
+              Tambah Halaman
+              <AddIcon />
+            </Button>
+          </Link>
+          <StaticPageTable />
+        </div>
+      </div>
+    </div>
+  );
+}
--- a/app/(admin)/settings/layout.tsx
+++ b/app/(admin)/settings/layout.tsx
@ -0,0 +1,15 @@
+"use client";
+
+import { AdminLayout } from "@/components/layout/admin-layout";
+
+export default function AdminPageLayout({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    return (
+        <AdminLayout>
+            {children}
+        </AdminLayout>
+    );
+}
--- a/app/(admin)/settings/page.tsx
+++ b/app/(admin)/settings/page.tsx
@ -0,0 +1,34 @@
+"use client";
+import PasswordForm from "@/components/form/settings/password";
+import ProfileForm from "@/components/form/settings/profile";
+import { close, loading } from "@/config/swal";
+import { getProfile } from "@/service/master-user";
+import { Tab, Tabs } from "@heroui/react";
+import { useEffect, useState } from "react";
+
+export default function Settings() {
+  const [profile, setProfile] = useState<any>();
+  useEffect(() => {
+    initFetch();
+  }, []);
+  const initFetch = async () => {
+    loading();
+    const profile = await getProfile();
+    setProfile(profile?.data?.data);
+    close();
+  };
+  return (
+    <div className="w-full lg:w-[60%] p-3">
+      <div className="flex flex-col bg-gray-50 shadow-md dark:bg-stone-900 text-black dark:text-white rounded-md p-5">
+        <Tabs aria-label="Tabs radius" radius="sm">
+          <Tab key="profile" title="Profile">
+            <ProfileForm profile={profile} doFetch={() => initFetch()} />
+          </Tab>
+          <Tab key="music" title="Password">
+            <PasswordForm doFetch={() => initFetch()} />
+          </Tab>
+        </Tabs>
+      </div>
+    </div>
+  );
+}
--- a/app/auth/layout.tsx
+++ b/app/auth/layout.tsx
@ -1,13 +1,7 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
 export default function AuthLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <> {children}</>;
 }
--- a/app/auth/page.tsx
+++ b/app/auth/page.tsx
@ -1,8 +1,23 @@
-import Login from '@/components/form/login'
-import React from 'react'
+"use client";
+
+import Login from "@/components/form/login";
+import QudoLogin from "@/components/form/qudo-login";
+import Cookies from "js-cookie";
+import React, { useEffect, useState } from "react";

 export default function AuthPage() {
-    return (
-        <Login />
-    )
+  const isAuthenticated = Cookies.get("is_authenticated") || "false";
+
+  console.log("isAuthenticated : ", isAuthenticated);
+
+  const [hasMounted, setHasMounted] = useState(false);
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Render
+  if (!hasMounted) return null;
+
+  return isAuthenticated == "true" ? <Login /> : <QudoLogin />;
 }
--- a/app/docs/layout.tsx
+++ b/app/docs/layout.tsx
@ -1,15 +1,11 @@
-'use client'
+"use client";

-import { HumasLayout } from "@/components/layout/HumasLayout";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function DocsLayout({
-	children,
+  children,
 }: {
-	children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-	return (
-		<HumasLayout>
-			{children}
-		</HumasLayout>
-	);
+  return <HumasLayout>{children}</HumasLayout>;
 }
--- a/app/e-majalah-polri/daftar-majalah/layout.tsx
+++ b/app/e-majalah-polri/daftar-majalah/layout.tsx
@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function EMajalahLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}
--- a/app/e-majalah-polri/daftar-majalah/page.tsx
+++ b/app/e-majalah-polri/daftar-majalah/page.tsx
@ -1,8 +1,22 @@
-import ListEnewsPolri from '@/components/table/tabel-emajalah-polri'
-import React from 'react'
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";
+import ListEnewsPolri from "@/components/table/tabel-emajalah-polri";
+import React, { Suspense, useEffect, useState } from "react";

 export default function ListEnewsPage() {
-    return (
+  const [hasMounted, setHasMounted] = useState(false);
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Render
+  if (!hasMounted) return null;
+  return (
+    <HumasLayout>
+      <Suspense>
        <ListEnewsPolri />
-    )
+      </Suspense>
+    </HumasLayout>
+  );
 }
--- a/app/e-majalah-polri/detail/[id]/layout.tsx
+++ b/app/e-majalah-polri/detail/[id]/layout.tsx
@ -1,13 +1,9 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function DetailEMajalahLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <>{children}</>;
 }
--- a/app/e-majalah-polri/detail/[id]/page.tsx
+++ b/app/e-majalah-polri/detail/[id]/page.tsx
@ -1,8 +1,22 @@
-import EMagazineDetail from '@/components/detail/E-MagazineDetail'
-import React from 'react'
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";
+import EMagazineDetail from "@/components/main/detail/e-magazine-detail";
+import React, { Suspense, useEffect, useState } from "react";

 export default function EnewsDetailPage() {
-    return (
+  const [hasMounted, setHasMounted] = useState(false);
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Render
+  if (!hasMounted) return null;
+  return (
+    <HumasLayout>
+      <Suspense>
        <EMagazineDetail />
-    )
+      </Suspense>
+    </HumasLayout>
+  );
 }
--- a/app/form-permohonan-informasi/layout.tsx
+++ b/app/form-permohonan-informasi/layout.tsx
@ -1,13 +1,10 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function ApplicationLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <HumasLayout>{children}</HumasLayout>;
 }
--- a/app/kontak-kami/layout.tsx
+++ b/app/kontak-kami/layout.tsx
@ -1,13 +1,10 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function KontakLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <HumasLayout>{children}</HumasLayout>;
 }
--- a/app/kontak-kami/page.tsx
+++ b/app/kontak-kami/page.tsx
@ -1,7 +1,10 @@
-import Contact from '@/components/detail/Contact'
+import Contact from "@/components/main/detail/contact";
+import { Suspense } from "react";

 export default function VisiMisiPage() {
-    return (
-        <Contact />
-    )
+  return (
+    <Suspense>
+      <Contact />
+    </Suspense>
+  );
 }
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -1,47 +1,82 @@
 import { fontSans } from "@/config/fonts";
 import { siteConfig } from "@/config/site";
+import { Inter } from "next/font/google";
+
 import "@/styles/globals.css";
 import clsx from "clsx";
 import { Metadata } from "next";
 import { Providers } from "./providers";
+import LoadScript from "@/utils/global";
+import { NextIntlClientProvider } from "next-intl";
+import storedLanguage from "@/store/language-store";
+import { getMessages } from "next-intl/server";
+const inter = Inter({ subsets: ["latin"] });

-export const metadata: Metadata = {
-	title: {
-		default: siteConfig.name,
-		template: `%s - ${siteConfig.name}`,
-	},
-	description: siteConfig.description,
-	themeColor: [
-		{ media: "(prefers-color-scheme: light)", color: "white" },
-		{ media: "(prefers-color-scheme: dark)", color: "black" },
-	],
-	icons: {
-		icon: "/logohumas.ico",
-		shortcut: "/favicon-16x16.png",
-		apple: "/apple-touch-icon.png",
-	},
-};
+// export const metadata: Metadata = {
+//   title: {
+//     default: siteConfig.name,
+//     template: `%s - ${siteConfig.name}`,
+//   },
+//   description: siteConfig.description,
+//   themeColor: [
+//     { media: "(prefers-color-scheme: light)", color: "white" },
+//     { media: "(prefers-color-scheme: dark)", color: "black" },
+//   ],
+//   icons: {
+//     icon: "/logohumas.ico",
+//     shortcut: "/favicon-16x16.png",
+//     apple: "/apple-touch-icon.png",
+//   },
+// };

-export default function RootLayout({
-	children,
-}: {
-	children: React.ReactNode;
-}) {
-	return (
-		<html lang="en" suppressHydrationWarning className="scroll-smooth">
-			<head />
-			<body
-				className={clsx(
-					"bg-background font-sans antialiased",
-					fontSans.variable
-				)}
-			>
-				<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
-					<main className="">
-						{children}
-					</main>
-				</Providers>
-			</body>
-		</html>
-	);
+export default async function RootLayout({
+  children,
+  params: { locale },
+}: Readonly<{
+  children: React.ReactNode;
+  params: { locale: string };
+}>) {
+  const messages = await getMessages();
+  // const locale = storedLanguage((state) => state.locale);
+
+  // useEffect(() => {
+  //   if (locale) {
+  //     setLocaleNow(locale);
+  //   }
+  // }, [locale]);
+
+  // const [messages, setMessages] = useState<any>(null);
+  // useEffect(() => {
+  //   (async () => {
+  //     const loadedMessages = (await import(`../messages/${locale}.json`))
+  //       .default;
+  //     setMessages(loadedMessages);
+  //   })();
+  // }, [locale]);
+  return (
+    <html lang="en" suppressHydrationWarning className="scroll-smooth">
+      <head>
+        <meta
+          name="theme-color"
+          content="white"
+          media="(prefers-color-scheme: light)"
+        />
+        <meta
+          name="theme-color"
+          content="black"
+          media="(prefers-color-scheme: dark)"
+        />
+        <LoadScript />
+      </head>
+      <body
+        className={clsx("bg-background font-sans antialiased", inter.className)}
+      >
+        <NextIntlClientProvider locale={locale} messages={messages}>
+          <Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
+            <main className="">{children}</main>
+          </Providers>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
 }
--- a/app/news/[polda-name]/layout.tsx
+++ b/app/news/[polda-name]/layout.tsx
@ -1,13 +1,9 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function PoldaNewsLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <HumasLayout>{children}</HumasLayout>;
 }
--- a/app/news/[polda-name]/page.tsx
+++ b/app/news/[polda-name]/page.tsx
@ -1,8 +1,6 @@
-import ListNews from '@/components/detail/ListNews'
-import React from 'react'
+import ListNews from "@/components/main/detail/list-news";
+import React from "react";

 export default function PoldaNewsPage() {
-    return (
-        <ListNews />
-    )
+  return <ListNews />;
 }
--- a/app/news/all/layout.tsx
+++ b/app/news/all/layout.tsx
@ -1,13 +1,9 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
+"use client";

 export default function AllNewsLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <>{children}</>;
 }
--- a/app/news/all/page.tsx
+++ b/app/news/all/page.tsx
@ -1,8 +1,20 @@
-import ListNews from '@/components/detail/ListNews'
-import React from 'react'
+"use client";
+import ListNews from "@/components/main/detail/list-news";
+import React, { useEffect, useState } from "react";
+import { HumasLayout } from "@/components/layout/humas-layout";

 export default function ListNewsPage() {
-    return (
-        <ListNews />
-    )
+  const [hasMounted, setHasMounted] = useState(false);
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Render
+  if (!hasMounted) return null;
+  return (
+    <HumasLayout>
+      <ListNews />
+    </HumasLayout>
+  );
 }
--- a/app/news/detail/[id]/layout.tsx
+++ b/app/news/detail/[id]/layout.tsx
@ -1,13 +1,7 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
 export default function NewsLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
+  return <>{children}</>;
 }
--- a/app/news/detail/[id]/page.tsx
+++ b/app/news/detail/[id]/page.tsx
@ -1,8 +1,20 @@
-import DetailPage from '@/components/detail/DetailPage'
-import React from 'react'
+"use client";
+import { HumasLayout } from "@/components/layout/humas-layout";
+import DetailPage from "@/components/main/detail/new-detail";
+import React, { useEffect, useState } from "react";

 export default function NewsPage() {
-    return (
-        <DetailPage />
-    )
+  const [hasMounted, setHasMounted] = useState(false);
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Render
+  if (!hasMounted) return null;
+  return (
+    <HumasLayout>
+      <DetailPage />
+    </HumasLayout>
+  );
 }
--- a/app/page.tsx
+++ b/app/page.tsx
@ -1,27 +1,27 @@
-'use client'
-import BannerHumas from "@/components/Landing Page/BannerHumas";
-import BodyLayout from "@/components/Landing Page/BodyLayout";
-import HeaderNews from "@/components/Landing Page/HeaderNews";
-import { HumasLayout } from "@/components/layout/HumasLayout";
+"use client";
+import BannerHumas from "@/components/landing/BannerHumas";
+import BodyLayout from "@/components/landing/BodyLayout";
+import HeaderNews from "@/components/landing/HeaderNews";
+import { HumasLayout } from "@/components/layout/humas-layout";
 import { useEffect, useState } from "react";

 export default function Home() {
-	const [hasMounted, setHasMounted] = useState(false);
+  const [hasMounted, setHasMounted] = useState(false);

-	useEffect(() => {
-		setHasMounted(true);
-	}, []);
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);

-	// Render
-	if (!hasMounted) return null;
+  // Render
+  if (!hasMounted) return null;

-	return (
-		<>
-			<HumasLayout>
-				<BannerHumas />
-				<HeaderNews />
-				<BodyLayout />
-			</HumasLayout>
-		</>
-	);
+  return (
+    <>
+      <HumasLayout>
+        <BannerHumas />
+        <HeaderNews />
+        <BodyLayout />
+      </HumasLayout>
+    </>
+  );
 }
--- a/app/portal-ppid/admin/layout.tsx
+++ b/app/portal-ppid/admin/layout.tsx
@ -1,13 +1,9 @@
-import { PPIDAdminLayout } from "@/components/layout/PPIDAdminLayout";
+import { PPIDAdminLayout } from "@/components/layout/ppid-admin-layout";

 export default function LayoutAdmin({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <PPIDAdminLayout >
-            {children}
-        </PPIDAdminLayout>
-    );
+  return <PPIDAdminLayout>{children}</PPIDAdminLayout>;
 }
--- a/app/portal-ppid/e-ppid-polda/layout.tsx
+++ b/app/portal-ppid/e-ppid-polda/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function EPPIDPoldaLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/e-ppid-polda/page.tsx
+++ b/app/portal-ppid/e-ppid-polda/page.tsx
@ -1,7 +1,5 @@
-import PPIDPolda from '@/components/Portal PPID/PPIDPolda'
+import PPIDPolda from "@/components/layout/portal-ppid/PPIDPolda";

 export default function PPIDSakterPage() {
-    return (
-        <PPIDPolda />
-    )
+  return <PPIDPolda />;
 }
--- a/app/portal-ppid/e-ppid-satker/layout.tsx
+++ b/app/portal-ppid/e-ppid-satker/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function EPPIDSatkerLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/e-ppid-satker/page.tsx
+++ b/app/portal-ppid/e-ppid-satker/page.tsx
@ -1,7 +1,5 @@
-import PPIDSatker from '@/components/Portal PPID/PPIDSatker'
+import PPIDSatker from "@/components/layout/portal-ppid/PPIDSatker";

 export default function PPIDSakterPage() {
-    return (
-        <PPIDSatker />
-    )
+  return <PPIDSatker />;
 }
--- a/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx
+++ b/app/portal-ppid/informasi-publik/informasi-berkala/page.tsx
@ -1,7 +1,5 @@
-import InformasiBerkala from '@/components/table/informasi-berkala'
+import InformasiBerkala from "@/components/table/informasi-berkala-table";

 export default function InformasiSMPage() {
-    return (
-        <InformasiBerkala />
-    )
+  return <InformasiBerkala />;
 }
--- a/app/portal-ppid/informasi-publik/layout.tsx
+++ b/app/portal-ppid/informasi-publik/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function InfoPublicLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/layanan-informasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function LayananInformasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx
+++ b/app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx
@ -1,8 +1,6 @@
-import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
-import React from 'react'
+import StatiticAndRecap from "@/components/main/detail/statistic-recap";
+import React from "react";

 export default function StatisticPage() {
-    return (
-        <StatiticAndRecap />
-    )
+  return <StatiticAndRecap />;
 }
--- a/app/portal-ppid/page.tsx
+++ b/app/portal-ppid/page.tsx
@ -1,23 +1,22 @@
-'use client'
-import FooterPPID from '@/components/Portal PPID/FooterPPID';
-import PPIDbody from '@/components/Portal PPID/PpidMain';
-import PPIDBanner from '@/components/Portal PPID/ppid-banner';
-import NavbarPPID from '@/components/navbar/NavbarPPID';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
+"use client";

+import NavbarPPID from "@/components/layout/navbar/NavbarPPID";
+import FooterPPID from "@/components/layout/portal-ppid/FooterPPID";
+import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner";
+import PPIDbody from "@/components/layout/portal-ppid/PpidMain";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function PortalPPID(url: any) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <>
-            <NavbarPPID />
-            <PPIDBanner url={url} />
-            <PPIDbody />
-            <FooterPPID />
-        </>
-    )
+  return (
+    <>
+      <NavbarPPID />
+      <PPIDBanner url={url} />
+      <PPIDbody />
+      <FooterPPID />
+    </>
+  );
 }
--- a/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx
@ -1,7 +1,5 @@
-import InformasiBerkala from '@/components/table/informasi-berkala'
+import InformasiBerkala from "@/components/table/informasi-berkala-table";

 export default function InformasiSMPage() {
-    return (
-        <InformasiBerkala />
-    )
+  return <InformasiBerkala />;
 }
--- a/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function DinamicSatkerLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    // const pathname = usePathname();
-    // console.log(pathname)
+  // const pathname = usePathname();
+  // console.log(pathname)

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function LayananInformasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx
@ -1,8 +1,6 @@
-import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
-import React from 'react'
+import StatiticAndRecap from "@/components/main/detail/statistic-recap";
+import React from "react";

 export default function StatisticPage() {
-    return (
-        <StatiticAndRecap />
-    )
+  return <StatiticAndRecap />;
 }
--- a/app/portal-ppid/polda/[polda-name]/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/page.tsx
@ -1,24 +1,27 @@
-'use client'
-import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
-import PPIDBanner from '@/components/Portal PPID/ppid-banner';
-import FooterSatker from '@/components/navbar/FooterSatker';
-import NavbarSatker from '@/components/navbar/NavbarSatker';
-import { usePathname } from 'next/navigation';
-import React from 'react'
+"use client";
+
+import FooterSatker from "@/components/layout/navbar/FooterSatker";
+import NavbarSatker from "@/components/layout/navbar/NavbarSatker";
+import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner";
+import PPIDSatkerMain from "@/components/layout/portal-ppid/PPIDMainSatker";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function PoldaPage() {
-    const pathname = usePathname();
-    const url: string = pathname.split('polda/')[1].replace(/-/g, ' ').toUpperCase();
+  const pathname = usePathname();
+  const url: string = pathname
+    .split("polda/")[1]
+    .replace(/-/g, " ")
+    .toUpperCase();

-
-    return (
-        <div className='text-black'>
-            <div className='text-black'>
-                <NavbarSatker />
-                <PPIDBanner url={url} />
-                <PPIDSatkerMain />
-                <FooterSatker />
-            </div>
-        </div>
-    )
+  return (
+    <div className="text-black">
+      <div className="text-black">
+        <NavbarSatker />
+        <PPIDBanner url={url} />
+        <PPIDSatkerMain />
+        <FooterSatker />
+      </div>
+    </div>
+  );
 }
--- a/app/portal-ppid/polda/[polda-name]/profile/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function DinamicSatkerLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    // const pathname = usePathname();
-    // console.log(pathname)
+  // const pathname = usePathname();
+  // console.log(pathname)

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx
@ -1,8 +1,6 @@
-import About from '@/components/detail/About'
-import React from 'react'
+import About from "@/components/main/detail/about";
+import React from "react";

 export default function PPIDProfile() {
-    return (
-        <About />
-    )
+  return <About />;
 }
--- a/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx
@ -1,8 +1,6 @@
-import HistoryPPID from '@/components/page/HistoryPPID'
-import React from 'react'
+import HistoryPPID from "@/components/page/history-ppid";
+import React from "react";

 export default function PPIDProfilePage() {
-    return (
-        <HistoryPPID />
-    )
+  return <HistoryPPID />;
 }
--- a/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx
@ -1,7 +1,5 @@
-import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
+import StrukturOrganisasi from "@/components/main/detail/structure";

 export default function StructurePPID() {
-    return (
-        <StrukturOrganisasi />
-    )
-}
+  return <StrukturOrganisasi />;
+}
--- a/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx
@ -1,9 +1,5 @@
-import Task from "@/components/detail/TaskDetail";
-
-
+import Task from "@/components/main/detail/task-detail";

 export default function PPIDTask() {
-    return (
-        <Task />
-    )
+  return <Task />;
 }
--- a/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx
@ -1,8 +1,6 @@
-import VisiMisi from '@/components/detail/VisiMisi'
-import React from 'react'
+import VisiMisi from "@/components/main/detail/visi-misi";
+import React from "react";

 export default function VMPPID() {
-    return (
-        <VisiMisi />
-    )
+  return <VisiMisi />;
 }
--- a/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function RegulasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/regulasi/page.tsx
@ -1,15 +1,15 @@
-import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar'
-import RegulationTable from '@/components/table/tabel-regulasi'
+import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar";
+import RegulationTable from "@/components/table/tabel-regulasi";

 export default function RegulasiPage() {
-    return (
-        <div className='md:flex'>
-            <div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5'>
-                <RegulationTable />
-            </div>
-            <div className='w-auto md:w-1/3 lg:w-[25%]'>
-                <PPIDSidebar />
-            </div>
-        </div>
-    )
+  return (
+    <div className="md:flex">
+      <div className="w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5">
+        <RegulationTable />
+      </div>
+      <div className="w-auto md:w-1/3 lg:w-[25%]">
+        <PPIDSidebar />
+      </div>
+    </div>
+  );
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx
@ -1,8 +1,6 @@
-import ServiceFlow from '@/components/detail/ServiceFlow'
-import React from 'react'
+import ServiceFlow from "@/components/main/detail/service-flow";
+import React from "react";

 export default function ServiceFlowPage() {
-    return (
-        <ServiceFlow />
-    )
+  return <ServiceFlow />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx
@ -1,20 +1,16 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function StandarLayananLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx
@ -1,8 +1,6 @@
-import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement'
-import React from 'react'
+import ServiceAnnouncement from "@/components/main/detail/service-announcement";
+import React from "react";

 export default function ServiceAnnouncePage() {
-    return (
-        <ServiceAnnouncement />
-    )
+  return <ServiceAnnouncement />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx
@ -1,8 +1,6 @@
-import ObjectionMecanism from '@/components/detail/ObjectionMecanism'
-import React from 'react'
+import ObjectionMecanism from "@/components/main/detail/objection-mecanism";
+import React from "react";

 export default function ObjectionMecanismPage() {
-    return (
-        <ObjectionMecanism />
-    )
+  return <ObjectionMecanism />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx
@ -1,8 +1,6 @@
-import RequestDispute from '@/components/detail/RequestDispute'
-import React from 'react'
+import RequestDispute from "@/components/main/detail/reqeust-dispute";
+import React from "react";

 export default function RequestDisputePage() {
-    return (
-        <RequestDispute />
-    )
+  return <RequestDispute />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx
@ -1,8 +1,6 @@
-import ServiceFee from '@/components/detail/ServiceFee'
-import React from 'react'
+import ServiceFee from "@/components/main/detail/service-fee";
+import React from "react";

 export default function ServiceFeePage() {
-    return (
-        <ServiceFee />
-    )
+  return <ServiceFee />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx
@ -1,8 +1,6 @@
-import RequestInformation from '@/components/detail/RequestInformation'
-import React from 'react'
+import RequestInformation from "@/components/main/detail/request-information";
+import React from "react";

 export default function RequestInformationPage() {
-    return (
-        <RequestInformation />
-    )
+  return <RequestInformation />;
 }
--- a/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx
+++ b/app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx
@ -1,8 +1,6 @@
-import ServiceTime from '@/components/detail/ServiceTime'
-import React from 'react'
+import ServiceTime from "@/components/main/detail/serive-time";
+import React from "react";

 export default function ServiceTimePage() {
-    return (
-        <ServiceTime />
-    )
+  return <ServiceTime />;
 }
--- a/app/portal-ppid/profile/layout.tsx
+++ b/app/portal-ppid/profile/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function PPIDProfileLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/profile/profile-singkat-ppid/page.tsx
+++ b/app/portal-ppid/profile/profile-singkat-ppid/page.tsx
@ -1,8 +1,6 @@
-import About from '@/components/detail/About'
-import React from 'react'
+import About from "@/components/main/detail/about";
+import React from "react";

 export default function PPIDProfile() {
-    return (
-        <About />
-    )
+  return <About />;
 }
--- a/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx
+++ b/app/portal-ppid/profile/sejarah-ppid-polri/page.tsx
@ -1,8 +1,6 @@
-import HistoryPPID from '@/components/page/HistoryPPID'
-import React from 'react'
+import HistoryPPID from "@/components/page/history-ppid";
+import React from "react";

 export default function PPIDProfilePage() {
-    return (
-        <HistoryPPID />
-    )
+  return <HistoryPPID />;
 }
--- a/app/portal-ppid/profile/struktur-ppid/page.tsx
+++ b/app/portal-ppid/profile/struktur-ppid/page.tsx
@ -1,7 +1,5 @@
-import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
+import StrukturOrganisasi from "@/components/main/detail/structure";

 export default function StructurePPID() {
-    return (
-        <StrukturOrganisasi />
-    )
-}
+  return <StrukturOrganisasi />;
+}
--- a/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx
+++ b/app/portal-ppid/profile/tugas-dan-fungsi-ppid/page.tsx
@ -1,9 +1,5 @@
-import Task from "@/components/detail/TaskDetail";
-
-
+import Task from "@/components/main/detail/task-detail";

 export default function PPIDTask() {
-    return (
-        <Task />
-    )
+  return <Task />;
 }
--- a/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx
+++ b/app/portal-ppid/profile/visi-dan-misi-ppid/page.tsx
@ -1,8 +1,6 @@
-import VisiMisi from '@/components/detail/VisiMisi'
-import React from 'react'
+import VisiMisi from "@/components/main/detail/visi-misi";
+import React from "react";

 export default function VMPPID() {
-    return (
-        <VisiMisi />
-    )
+  return <VisiMisi />;
 }
--- a/app/portal-ppid/regulasi/layout.tsx
+++ b/app/portal-ppid/regulasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
+"use client";
+import { PPIDLayout } from "@/components/layout/ppid-layout";
+import { usePathname } from "next/navigation";
+import React, { Children } from "react";

 export default function RegulasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
+  return <PPIDLayout>{children}</PPIDLayout>;
 }
--- a/app/portal-ppid/regulasi/page.tsx
+++ b/app/portal-ppid/regulasi/page.tsx
@ -1,15 +1,15 @@
-import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar'
-import RegulationTable from '@/components/table/tabel-regulasi'
+import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar";
+import RegulationTable from "@/components/table/tabel-regulasi";

 export default function RegulasiPage() {
-    return (
-        <div className='md:flex'>
-            <div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5'>
-                <RegulationTable />
-            </div>
-            <div className='w-auto md:w-1/3 lg:w-[25%]'>
-                <PPIDSidebar />
-            </div>
-        </div>
-    )
+  return (
+    <div className="md:flex">
+      <div className="w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5">
+        <RegulationTable />
+      </div>
+      <div className="w-auto md:w-1/3 lg:w-[25%]">
+        <PPIDSidebar />
+      </div>
+    </div>
+  );
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx
@ -1,7 +1,5 @@
-import InformasiBerkala from '@/components/table/informasi-berkala'
+import InformasiBerkala from "@/components/table/informasi-berkala-table";

 export default function InformasiSMPage() {
-    return (
-        <InformasiBerkala />
-    )
+  return <InformasiBerkala />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function DinamicSatkerLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    // const pathname = usePathname();
-    // console.log(pathname)
+  // const pathname = usePathname();
+  // console.log(pathname)

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function LayananInformasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/layanan-informasi/statistik-rekapitulasi/page.tsx
@ -1,8 +1,6 @@
-import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
-import React from 'react'
+import StatiticAndRecap from "@/components/main/detail/statistic-recap";
+import React from "react";

 export default function StatisticPage() {
-    return (
-        <StatiticAndRecap />
-    )
+  return <StatiticAndRecap />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx
@ -1,20 +1,24 @@
-'use client'
-import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
-import PPIDBanner from '@/components/Portal PPID/ppid-banner';
-import FooterSatker from '@/components/navbar/FooterSatker';
-import NavbarSatker from '@/components/navbar/NavbarSatker';
-import { usePathname } from 'next/navigation';
+"use client";
+
+import FooterSatker from "@/components/layout/navbar/FooterSatker";
+import NavbarSatker from "@/components/layout/navbar/NavbarSatker";
+import PPIDBanner from "@/components/layout/portal-ppid/ppid-banner";
+import PPIDSatkerMain from "@/components/layout/portal-ppid/PPIDMainSatker";
+import { usePathname } from "next/navigation";

 export default function SatkerPage() {
-    const pathname = usePathname();
-    const url: string = pathname.split('satuan-kerja/')[1].replace(/-/g, ' ').toUpperCase();
+  const pathname = usePathname();
+  const url: string = pathname
+    .split("satuan-kerja/")[1]
+    .replace(/-/g, " ")
+    .toUpperCase();

-    return (
-        <div className='text-black'>
-            <NavbarSatker />
-            <PPIDBanner url={url} />
-            <PPIDSatkerMain />
-            <FooterSatker />
-        </div>
-    )
+  return (
+    <div className="text-black">
+      <NavbarSatker />
+      <PPIDBanner url={url} />
+      <PPIDSatkerMain />
+      <FooterSatker />
+    </div>
+  );
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function DinamicSatkerLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    // const pathname = usePathname();
-    // console.log(pathname)
+  // const pathname = usePathname();
+  // console.log(pathname)

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx
@ -1,8 +1,6 @@
-import About from '@/components/detail/About'
-import React from 'react'
+import About from "@/components/main/detail/about";
+import React from "react";

 export default function PPIDProfile() {
-    return (
-        <About />
-    )
+  return <About />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx
@ -1,8 +1,6 @@
-import HistoryPPID from '@/components/page/HistoryPPID'
-import React from 'react'
+import HistoryPPID from "@/components/page/history-ppid";
+import React from "react";

 export default function PPIDProfilePage() {
-    return (
-        <HistoryPPID />
-    )
+  return <HistoryPPID />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx
@ -1,7 +1,5 @@
-import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
+import StrukturOrganisasi from "@/components/main/detail/structure";

 export default function StructurePPID() {
-    return (
-        <StrukturOrganisasi />
-    )
-}
+  return <StrukturOrganisasi />;
+}
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx
@ -1,9 +1,5 @@
-import Task from "@/components/detail/TaskDetail";
-
-
+import Task from "@/components/main/detail/task-detail";

 export default function PPIDTask() {
-    return (
-        <Task />
-    )
+  return <Task />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx
@ -1,8 +1,6 @@
-import VisiMisi from '@/components/detail/VisiMisi'
-import React from 'react'
+import VisiMisi from "@/components/main/detail/visi-misi";
+import React from "react";

 export default function VMPPID() {
-    return (
-        <VisiMisi />
-    )
+  return <VisiMisi />;
 }
--- a/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx
+++ b/app/portal-ppid/satuan-kerja/[satker-name]/regulasi/layout.tsx
@ -1,19 +1,15 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
+"use client";
+import { SatkerLayout } from "@/components/layout/satker-layout";
+import { usePathname } from "next/navigation";
+import React from "react";

 export default function RegulasiLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode
+  children: React.ReactNode;
 }) {
-    const pathname = usePathname();
-    console.log(pathname)
+  const pathname = usePathname();
+  console.log(pathname);

-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
+  return <SatkerLayout>{children}</SatkerLayout>;
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
hanif salafi	e26e639785	feat: update Dockerfile	2025-02-13 16:21:06 +07:00
hanif salafi	d4ea662850	feat : update dockerfle	2025-02-13 16:17:14 +07:00
hanif salafi	3c95ac87b6	update major: change nextui to heroui	2025-02-13 16:15:38 +07:00
hanif salafi	cafb85da4a	feat: update dockerfile	2025-02-13 08:37:14 +07:00
hanif salafi	484c9c6362	feat: update dockerfile	2025-02-13 08:24:35 +07:00
hanif salafi	fea5814222	feat: update change pnpm to npm	2025-02-13 08:18:30 +07:00
hanif salafi	dad8d99019	feat : update next config	2025-02-13 07:56:16 +07:00
hanif salafi	f612fb4024	feat: update next config	2025-02-13 07:20:43 +07:00
hanif salafi	8e679a4a36	feat: update pnpm lock	2025-02-12 22:28:40 +07:00
hanif salafi	3d9d1cc80e	feat: update config next intl - fixing error	2025-02-12 22:24:24 +07:00
Rama Priyanto	c00f4094ef	fix:inp api, home	2025-02-12 17:52:27 +07:00
Rama Priyanto	b38b20e881	fix:landing	2025-02-12 16:19:57 +07:00
Rama Priyanto	d641681ee4	inp update, yanma update	2025-02-12 15:20:38 +07:00
Rama Priyanto	f2e3d7f731	feat:scheduled create article	2025-02-12 12:07:28 +07:00
Rama Priyanto	ec2e0ef1b8	fix:detail article space	2025-02-11 15:39:23 +07:00
Rama Priyanto	497ebc949f	fix:edit user	2025-02-11 13:01:48 +07:00
Rama Priyanto	1ebf0f9b56	fix:qudo auth	2025-02-11 08:49:14 +07:00
Rama Priyanto	1344de4c48	fix:auth	2025-02-10 22:36:49 +07:00
Rama Priyanto	573fc57991	fix:form create user	2025-02-10 17:09:06 +07:00
Rama Priyanto	f1589b5316	Merge branch 'dev-main' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2025-02-10 16:17:25 +07:00
Rama Priyanto	e88453c069	fix:generate article	2025-02-10 16:16:52 +07:00
hanif salafi	3b1db0a8fc	feat: update pnpm lock	2025-02-10 09:49:21 +07:00
hanif salafi	6be98efc2f	feat: update Dockerfile	2025-02-10 09:27:20 +07:00
hanif salafi	229f6af8bf	feat: update Dockerfile	2025-02-10 09:14:15 +07:00
hanif salafi	41cd503510	feat: update with pnpm	2025-02-10 09:13:37 +07:00
hanif salafi	6747a1011d	Merge branches 'dev-main' and 'dev-restructure' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-main	2025-02-10 09:09:53 +07:00
Rama Priyanto	c49450e704	docker file	2025-02-10 08:55:47 +07:00
Rama Priyanto	4b181b53c0	docker file	2025-02-10 08:53:07 +07:00
Rama Priyanto	9ff167e18d	fix:auth, mapping level	2025-02-10 08:25:10 +07:00
Rama Priyanto	973399c0aa	fix:magazine landing	2025-02-10 07:59:02 +07:00
Rama Priyanto	c3ea4dcd6d	feat:activity log	2025-02-07 16:37:39 +07:00
Rama Priyanto	5bae5603b7	little update landing	2025-02-07 14:05:52 +07:00
Rama Priyanto	e5771ae8f4	fix detail artilce, magazine	2025-02-07 10:59:22 +07:00
Rama Priyanto	d110f85e30	fix magazine	2025-02-07 10:06:38 +07:00
Rama Priyanto	34311f2fc4	fix:mapping user role	2025-02-06 21:16:50 +07:00
Rama Priyanto	4427fc2ed6	script user role	2025-02-06 20:14:11 +07:00
Rama Priyanto	28c94c5230	feat:dashboard analytics	2025-02-06 16:49:20 +07:00
Rama Priyanto	c02c6661f7	fix:font	2025-02-05 18:23:03 +07:00
Rama Priyanto	18d3603734	fix:banner	2025-02-05 16:42:48 +07:00
Rama Priyanto	eb1bd6903f	feat:content rewrite create article, fix landing	2025-02-04 15:31:04 +07:00
Rama Priyanto	459ba05261	fix:landing	2025-02-03 19:55:03 +07:00
Rama Priyanto	c37ab71a23	fix:magz detail	2025-02-03 09:51:30 +07:00
Rama Priyanto	049f0cf8fc	feat:comment article, fix:polda filter	2025-01-31 19:42:40 +07:00
Rama Priyanto	308e708a3f	fix:mobile admin feat:detail comment	2025-01-30 18:34:29 +07:00
hanif salafi	b8f80c43a9	feat: update gitlab ci	2025-01-30 09:00:45 +07:00
hanif salafi	19e019fbe9	feat: update article thumbnails	2025-01-30 07:16:16 +07:00
Rama Priyanto	270fa658a7	fix landing navbar, dashboard, reset & forgot password	2025-01-24 22:12:23 +07:00
Rama Priyanto	c4c0b20bc6	Merge branch 'dev-main' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2025-01-23 22:31:07 +07:00
Rama Priyanto	1b8b4e4302	feat:dashboard, admin setting, fixing thumbnail	2025-01-23 22:30:33 +07:00
hanif salafi	d4e8483dae	feat: update package json	2025-01-22 23:41:38 +07:00
Rama Priyanto	a738e61277	fix: landing magazine, article aiId, feat:setting form	2025-01-22 21:22:22 +07:00
Rama Priyanto	7ad85eb8a9	Merge branch 'dev-main' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2025-01-22 09:33:48 +07:00
Rama Priyanto	a093fb831b	fix edit magazine file	2025-01-21 19:42:43 +07:00
Rama Priyanto	471539804c	feat:magazine edit	2025-01-21 18:20:58 +07:00
Rama Priyanto	d64ce7fc14	add magazine table admin, create edit	2025-01-21 15:46:31 +07:00
Rama Priyanto	91f34586cf	little update	2025-01-21 14:31:30 +07:00
hanif salafi	082ee41058	feat: ckeditor in article form	2025-01-21 00:04:10 +07:00
hanif salafi	f3febf88c3	feat: update ckeditor5	2025-01-20 23:51:18 +07:00
Rama Priyanto	eda6921ae2	fix article create edit, feat: create magazine	2025-01-20 19:10:04 +07:00
Rama Priyanto	dd6dd508cd	feat:category, fix:thumbnail	2025-01-19 23:13:06 +07:00
Rama Priyanto	db89e73d11	fix:article create edit	2025-01-17 17:23:54 +07:00
Rama Priyanto	5080ae17e5	feat:ckeditor vendor create article form	2025-01-17 12:23:28 +07:00
Rama Priyanto	0e87d7d627	fix:landing	2025-01-17 09:57:45 +07:00
Rama Priyanto	c065569c28	fix:detail content	2025-01-15 18:37:53 +07:00
Rama Priyanto	2a9b676c5d	fixing home, all content, detail content	2025-01-15 18:08:49 +07:00
Rama Priyanto	6b93b8b79f	fixing landing	2025-01-14 22:30:13 +07:00
Rama Priyanto	921fd247d4	generate content	2025-01-06 10:05:30 +07:00
Rama Priyanto	f05ade4d3c	feat:upload to dise	2024-12-24 10:27:08 +07:00
Rama Priyanto	552f369ec7	fix:navbar, feat:news ticker landing, seo score	2024-12-24 00:29:21 +07:00
Rama Priyanto	e686672363	fix:landing, edit article	2024-12-23 14:22:20 +07:00
Rama Priyanto	da1b0ff839	little update admin page	2024-12-23 09:25:59 +07:00
Rama Priyanto	a4f94e1c3a	little update	2024-12-23 00:58:20 +07:00
Rama Priyanto	4e7eb26fd8	fix:new figma	2024-12-23 00:45:31 +07:00
Rama Priyanto	63fe08f810	docker file update	2024-12-18 09:42:20 +07:00
Rama Priyanto	1118772844	fix:run buiild	2024-12-17 17:19:52 +07:00
Rama Priyanto	34434b84d4	fix :navbar icon	2024-12-17 16:50:00 +07:00
Rama Priyanto	be6a09a35a	fix:navbar desktop	2024-12-16 18:31:59 +07:00
Rama Priyanto	6b0ee4cce5	feat:use translation landing	2024-12-12 16:48:17 +07:00
Rama Priyanto	89c71a5acc	feat:change language setup	2024-12-11 17:13:02 +07:00
Rama Priyanto	400a01d0bb	fix:bug generate keyword , title on single article	2024-12-06 13:30:16 +07:00
Rama Priyanto	0d04ea0b14	fix:create user, create role form	2024-12-04 09:35:29 +07:00
Rama Priyanto	24d27df67e	fix:landing footer link, admin create user form	2024-12-02 20:19:30 +07:00
Rama Priyanto	e064a7a431	fix:static page pagination	2024-11-29 19:08:40 +07:00
Rama Priyanto	d22ec72066	feat:static tentang humas	2024-11-28 16:23:09 +07:00
Rama Priyanto	85309da98e	feat:all static page	2024-11-26 18:59:43 +07:00
Rama Priyanto	6286b5c297	Merge branch 'dev-restructure' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2024-11-26 10:56:20 +07:00
Rama Priyanto	128c25fdc4	feat:get category, menu button landing	2024-11-26 10:55:40 +07:00
hanif salafi	99dbeaabb4	feat: minor update login	2024-11-25 11:34:38 +07:00
hanif salafi	776747c75d	feat: update login flow	2024-11-25 11:16:52 +07:00
hanif salafi	1d2e9c3d12	feat: update qudo login	2024-11-25 10:56:02 +07:00
Rama Priyanto	717bd7e4ea	Merge branch 'dev-restructure' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2024-11-22 18:00:32 +07:00
Rama Priyanto	5e019e10b1	feat:static page api, static/{slug} routing landing	2024-11-22 17:59:58 +07:00
hanif salafi	4e47a5ff19	Update .gitlab-ci.yml file	2024-11-22 10:10:55 +00:00
Rama Priyanto	b6e5e65144	fix:gitlab yml	2024-11-22 15:07:17 +07:00
Rama Priyanto	bb1229e4fa	feat:qudo login	2024-11-22 09:56:34 +07:00
Rama Priyanto	c5e4aac78e	feat:save generate article, edit generated article	2024-11-19 18:21:14 +07:00
Rama Priyanto	24418ddb9b	feat:static page table	2024-11-18 12:31:26 +07:00
Rama Priyanto	3e4dedfff7	dev-restructure	2024-11-18 11:27:57 +07:00
Rama Priyanto	900468d2c6	feat:static page generator	2024-11-16 12:29:07 +07:00
Rama Priyanto	922ddcc828	feat:generate article form	2024-11-15 17:53:04 +07:00
Rama Priyanto	6931edf52d	fix:api url	2024-11-13 17:56:14 +07:00
Rama Priyanto	575dacc7e6	feat:date picker article admin, category	2024-11-13 15:29:27 +07:00
Rama Priyanto	d18bbfe568	feat:login button, auth, fix:admin - article page	2024-11-08 16:01:21 +07:00
Rama Priyanto	e7482b346d	Merge branch 'dev-restructure' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2024-11-07 13:58:10 +07:00
hanif salafi	4939ba3b09	feat: update fixing header news	2024-11-07 13:57:11 +07:00
Rama Priyanto	7ba426c1b8	Merge branch 'dev-restructure' of https://gitlab.com/hanifsalafi/web-humas-polri into dev-restructure	2024-11-07 13:45:15 +07:00
Rama Priyanto	30181cefe4	little update	2024-11-07 13:45:09 +07:00
hanif salafi	fb92cfeff2	feat: update API	2024-11-07 13:28:24 +07:00
hanif salafi	58d475bc98	feat: update gitlab-ci	2024-11-07 13:20:36 +07:00
Rama Priyanto	1aa7652eb4	feat:aksebilitas menu, fix:landing banner	2024-11-06 15:44:56 +07:00
Rama Priyanto	949b0e1924	humas restructure	2024-11-05 13:15:40 +07:00
				`@ -0,0 +1 @@`
				`NEXT_PUBLIC_MAPS_API_KEY=AIzaSyCOkxoeKykE60L_nM4VS1JYJqBmqy2GA0Q`