Compare commits
1 Commits
| Author | SHA1 | Date |
|---|---|---|
Rama Priyanto
|
35f33fc5e5 |
|
|
@ -0,0 +1,34 @@
|
|||
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
|
||||
|
|
@ -7,11 +7,10 @@ build-dev:
|
|||
when: on_success
|
||||
only:
|
||||
- main
|
||||
- dev-restructure
|
||||
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
|
||||
|
|
@ -23,9 +22,8 @@ auto-deploy:
|
|||
when: on_success
|
||||
only:
|
||||
- main
|
||||
- dev-restructure
|
||||
image: curlimages/curl:latest
|
||||
services:
|
||||
- docker:dind
|
||||
script:
|
||||
- curl --user admin:$JENKINS_PWD http://38.47.180.165:8080/job/autodeploy-humas/build?token=autodeployhumas
|
||||
- curl --user cekmedsos:$JENKINS_PWD http://103.82.242.92:8080/job/autodeploy-humas/build?token=autodeployhumas
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ WORKDIR /usr/src/app
|
|||
COPY package*.json /usr/src/app/
|
||||
|
||||
# RUN npm install --force
|
||||
# RUN npm install -g npm@latest
|
||||
RUN npm install -g npm@latest
|
||||
RUN npm install
|
||||
|
||||
# Copying source files
|
||||
|
|
|
|||
|
|
@ -1,12 +1,10 @@
|
|||
import CreateArticleForm from "@/components/form/article/create-article-form";
|
||||
import FormArticle from "@/components/form/form-article";
|
||||
import { Card } from "@nextui-org/react";
|
||||
import FormArticle from '@/components/form/form-article'
|
||||
import { Card } from '@nextui-org/react'
|
||||
|
||||
export default function CreateArticle() {
|
||||
return (
|
||||
<div className="h-[96vh] bg-transparent p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
|
||||
{/* <FormArticle /> */}
|
||||
<CreateArticleForm />
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
|
||||
<FormArticle />
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
import EditArticleForm from "@/components/form/article/edit-article-form";
|
||||
import FormDetailArticle from '@/components/form/form-detail-article'
|
||||
import { Card } from '@nextui-org/react'
|
||||
|
||||
export default function DetailArticlePage() {
|
||||
return (
|
||||
<div className="h-[96vh] bg-transparent p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
|
||||
{/* <FormDetailArticle /> */}
|
||||
<EditArticleForm isDetail={true} />
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
|
||||
<FormDetailArticle />
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
import EditArticleForm from "@/components/form/article/edit-article-form";
|
||||
import FormUpdateArticle from '@/components/form/form-edit-article'
|
||||
import { Card } from '@nextui-org/react'
|
||||
|
||||
export default function UpdateArticlePage() {
|
||||
return (
|
||||
<div className="h-[96vh] bg-transparent p-8 !bg-slate-100 dark:!bg-black overflow-y-auto">
|
||||
<EditArticleForm isDetail={false} />
|
||||
</div>
|
||||
);
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
|
||||
<FormUpdateArticle />
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,27 +0,0 @@
|
|||
"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 "@nextui-org/react";
|
||||
import { Tab, Tabs } from "@nextui-org/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>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
import GenerateArticleForm from "@/components/form/article/generate-article-form";
|
||||
import { Card } from "@nextui-org/react";
|
||||
|
||||
export default function GenerateArticle() {
|
||||
return (
|
||||
<Card className="rounded-md border bg-transparent">
|
||||
<GenerateArticleForm />
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,49 +1,24 @@
|
|||
"use client";
|
||||
"use client"
|
||||
import { AddIcon } from "@/components/icons";
|
||||
import ArticleTable from "@/components/table/article-table";
|
||||
import generatedArticleIds from "@/store/generated-article-store";
|
||||
import { Button, Card } from "@nextui-org/react";
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
||||
export default function BasicPage() {
|
||||
const router = useRouter();
|
||||
const setGeneratedArticleIdStore = generatedArticleIds(
|
||||
(state) => state.setArticleIds
|
||||
);
|
||||
const goGenerate = () => {
|
||||
setGeneratedArticleIdStore({
|
||||
singleArticle: [],
|
||||
bulkArticle: [],
|
||||
rewriteArticle: [],
|
||||
});
|
||||
router.push("/admin/article/generate");
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="overflow-x-hidden overflow-y-scroll">
|
||||
<div className="px-2 md:px-4 w-full">
|
||||
<div className="rounded-md my-5 px-5 py-2 bg-white dark:bg-[#18181b] flex flex-row gap-3">
|
||||
<Link href="/admin/article/create">
|
||||
<Button size="md" className="bg-[#F07C00] text-white">
|
||||
New Article
|
||||
<AddIcon />
|
||||
</Button>
|
||||
</Link>
|
||||
{/* <Button
|
||||
size="md"
|
||||
color="primary"
|
||||
className="bg-[#F07C00] text-white"
|
||||
onPress={goGenerate}
|
||||
>
|
||||
<AddIcon />
|
||||
Generate Article
|
||||
</Button> */}
|
||||
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>
|
||||
</div>
|
||||
<div className="bg-white dark:bg-[#18181b] rounded-xl p-2">
|
||||
<ArticleTable />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import DashboardContainer from "@/components/main/dashboard/dashboard-container";
|
||||
|
||||
export default function AdminPage() {
|
||||
return (
|
||||
<div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid">
|
||||
<div className="px-4">
|
||||
<DashboardContainer />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
"use client";
|
||||
export default function MasterCategory() {
|
||||
return <div>master category</div>;
|
||||
}
|
||||
|
|
@ -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 '@nextui-org/react'
|
||||
|
||||
export default function CreateMasterUserRolePage() {
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md border bg-transparent">
|
||||
<FormMasterUserRole />
|
||||
</Card>
|
||||
);
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
|
||||
<FormMasterUserRole />
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,24 @@
|
|||
"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 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">
|
||||
<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="bg-[#F07C00] text-white"
|
||||
>
|
||||
<AddIcon />
|
||||
New Role
|
||||
</Button>
|
||||
</Link>
|
||||
</Card>
|
||||
<Card className="rounded-md my-5">
|
||||
<MasterRoleTable />
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
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>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 '@nextui-org/react'
|
||||
|
||||
export default function CreateMasterUserPage() {
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md border bg-transparent">
|
||||
<FormMasterUser />
|
||||
</Card>
|
||||
);
|
||||
return (
|
||||
<Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
|
||||
<FormMasterUser />
|
||||
</Card>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,24 @@
|
|||
"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 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">
|
||||
<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="bg-[#F07C00] text-white"
|
||||
>
|
||||
<AddIcon />
|
||||
New User
|
||||
</Button>
|
||||
</Link>
|
||||
</Card>
|
||||
<Card className="rounded-md my-5">
|
||||
<MasterUserTable />
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
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>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +0,0 @@
|
|||
import StaticPageBuilder from "@/components/main/static-page/static-page-main";
|
||||
import { Card } from "@nextui-org/react";
|
||||
|
||||
export default function StaticPageGenerator() {
|
||||
return (
|
||||
<Card className="rounded-md border bg-transparent p-4 overflow-auto">
|
||||
<StaticPageBuilder />
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
import StaticPageBuilderEdit from "@/components/form/static-page/static-page-edit-form";
|
||||
import { Card } from "@nextui-org/react";
|
||||
|
||||
export default function StaticPageEdit() {
|
||||
return (
|
||||
<Card className="rounded-md border bg-transparent p-4 overflow-auto">
|
||||
<StaticPageBuilderEdit />
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
import { AddIcon } from "@/components/icons";
|
||||
import StaticPageTable from "@/components/table/static-page-table";
|
||||
import { Button, Card } from "@nextui-org/react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function StaticPageGeneratorList() {
|
||||
return (
|
||||
<div className="overflow-x-hidden overflow-y-scroll rounded-lg border-2">
|
||||
<div className="px-2 md:px-4 w-full">
|
||||
<div className="rounded-md mt-4 px-5 py-2 bg-white dark:bg-[#18181b] flex flex-row gap-3">
|
||||
<Link href="/admin/static-page/create">
|
||||
<Button
|
||||
size="md"
|
||||
color="primary"
|
||||
className="bg-[#F07C00] text-white"
|
||||
>
|
||||
<AddIcon />
|
||||
Create Page
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="bg-white dark:bg-[#18181b] rounded-xl p-2">
|
||||
<StaticPageTable />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,9 +1,13 @@
|
|||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function AuthLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <> {children}</>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,28 +1,8 @@
|
|||
"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";
|
||||
import Login from '@/components/form/login'
|
||||
import React from 'react'
|
||||
|
||||
export default function AuthPage() {
|
||||
|
||||
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 />
|
||||
);
|
||||
return (
|
||||
<Login />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
"use client";
|
||||
'use client'
|
||||
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function DocsLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <HumasLayout>{children}</HumasLayout>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function EMajalahLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,12 +1,8 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import ListEnewsPolri from "@/components/table/tabel-emajalah-polri";
|
||||
import React from "react";
|
||||
import ListEnewsPolri from '@/components/table/tabel-emajalah-polri'
|
||||
import React from 'react'
|
||||
|
||||
export default function ListEnewsPage() {
|
||||
return (
|
||||
<HumasLayout>
|
||||
<ListEnewsPolri />
|
||||
</HumasLayout>
|
||||
);
|
||||
return (
|
||||
<ListEnewsPolri />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function DetailEMajalahLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <>{children}</>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,8 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import EMagazineDetail from "@/components/main/detail/e-magazine-detail";
|
||||
import React from "react";
|
||||
import EMagazineDetail from '@/components/detail/E-MagazineDetail'
|
||||
import React from 'react'
|
||||
|
||||
export default function EnewsDetailPage() {
|
||||
return (
|
||||
<HumasLayout>
|
||||
<EMagazineDetail />
|
||||
</HumasLayout>
|
||||
);
|
||||
return (
|
||||
<EMagazineDetail />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function ApplicationLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <HumasLayout>{children}</HumasLayout>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function KontakLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <HumasLayout>{children}</HumasLayout>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,7 @@
|
|||
import Contact from "@/components/main/detail/contact";
|
||||
import { Suspense } from "react";
|
||||
import Contact from '@/components/detail/Contact'
|
||||
|
||||
export default function VisiMisiPage() {
|
||||
return (
|
||||
<Suspense>
|
||||
<Contact />
|
||||
</Suspense>
|
||||
);
|
||||
return (
|
||||
<Contact />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
108
app/layout.tsx
108
app/layout.tsx
|
|
@ -1,79 +1,47 @@
|
|||
// RootLayout.tsx
|
||||
"use client";
|
||||
import { fontSans } from "@/config/fonts";
|
||||
import { siteConfig } from "@/config/site";
|
||||
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 { useEffect, useState, type ReactNode } from "react";
|
||||
import storedLanguage from "@/store/language-store";
|
||||
|
||||
// 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: ReactNode }) {
|
||||
const [localeNow, setLocaleNow] = useState<string>("id");
|
||||
|
||||
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",
|
||||
fontSans.variable
|
||||
)}
|
||||
>
|
||||
<NextIntlClientProvider locale={localeNow} messages={messages}>
|
||||
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
|
||||
<main className="">{children}</main>
|
||||
</Providers>
|
||||
</NextIntlClientProvider>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function PoldaNewsLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <HumasLayout>{children}</HumasLayout>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ListNews from "@/components/main/detail/list-news";
|
||||
import React from "react";
|
||||
import ListNews from '@/components/detail/ListNews'
|
||||
import React from 'react'
|
||||
|
||||
export default function PoldaNewsPage() {
|
||||
return <ListNews />;
|
||||
return (
|
||||
<ListNews />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function AllNewsLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <>{children}</>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,8 @@
|
|||
"use client";
|
||||
import ListNews from "@/components/main/detail/list-news";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import ListNews from '@/components/detail/ListNews'
|
||||
import React from 'react'
|
||||
|
||||
export default function ListNewsPage() {
|
||||
const [hasMounted, setHasMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setHasMounted(true);
|
||||
}, []);
|
||||
|
||||
// Render
|
||||
if (!hasMounted) return null;
|
||||
return (
|
||||
<HumasLayout>
|
||||
<ListNews />
|
||||
</HumasLayout>
|
||||
);
|
||||
return (
|
||||
<ListNews />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,13 @@
|
|||
import { HumasLayout } from "@/components/layout/HumasLayout";
|
||||
|
||||
export default function NewsLayout({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <>{children}</>;
|
||||
return (
|
||||
<HumasLayout>
|
||||
{children}
|
||||
</HumasLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,8 @@
|
|||
"use client";
|
||||
import { HumasLayout } from "@/components/layout/humas-layout";
|
||||
import DetailPage from "@/components/main/detail/new-detail";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import DetailPage from '@/components/detail/DetailPage'
|
||||
import React from 'react'
|
||||
|
||||
export default function NewsPage() {
|
||||
const [hasMounted, setHasMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setHasMounted(true);
|
||||
}, []);
|
||||
|
||||
// Render
|
||||
if (!hasMounted) return null;
|
||||
return (
|
||||
<HumasLayout>
|
||||
<DetailPage />
|
||||
</HumasLayout>
|
||||
);
|
||||
return (
|
||||
<DetailPage />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
40
app/page.tsx
40
app/page.tsx
|
|
@ -1,27 +1,27 @@
|
|||
"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";
|
||||
'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";
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
import { PPIDAdminLayout } from "@/components/layout/ppid-admin-layout";
|
||||
import { PPIDAdminLayout } from "@/components/layout/PPIDAdminLayout";
|
||||
|
||||
export default function LayoutAdmin({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return <PPIDAdminLayout>{children}</PPIDAdminLayout>;
|
||||
return (
|
||||
<PPIDAdminLayout >
|
||||
{children}
|
||||
</PPIDAdminLayout>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import PPIDPolda from "@/components/layout/portal-ppid/PPIDPolda";
|
||||
import PPIDPolda from '@/components/Portal PPID/PPIDPolda'
|
||||
|
||||
export default function PPIDSakterPage() {
|
||||
return <PPIDPolda />;
|
||||
return (
|
||||
<PPIDPolda />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import PPIDSatker from "@/components/layout/portal-ppid/PPIDSatker";
|
||||
import PPIDSatker from '@/components/Portal PPID/PPIDSatker'
|
||||
|
||||
export default function PPIDSakterPage() {
|
||||
return <PPIDSatker />;
|
||||
return (
|
||||
<PPIDSatker />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import InformasiBerkala from "@/components/table/informasi-berkala-table";
|
||||
import InformasiBerkala from '@/components/table/informasi-berkala'
|
||||
|
||||
export default function InformasiSMPage() {
|
||||
return <InformasiBerkala />;
|
||||
return (
|
||||
<InformasiBerkala />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import StatiticAndRecap from "@/components/main/detail/statistic-recap";
|
||||
import React from "react";
|
||||
import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
|
||||
import React from 'react'
|
||||
|
||||
export default function StatisticPage() {
|
||||
return <StatiticAndRecap />;
|
||||
return (
|
||||
<StatiticAndRecap />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,22 +1,23 @@
|
|||
"use client";
|
||||
'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';
|
||||
|
||||
|
||||
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 />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import InformasiBerkala from "@/components/table/informasi-berkala-table";
|
||||
import InformasiBerkala from '@/components/table/informasi-berkala'
|
||||
|
||||
export default function InformasiSMPage() {
|
||||
return <InformasiBerkala />;
|
||||
return (
|
||||
<InformasiBerkala />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import StatiticAndRecap from "@/components/main/detail/statistic-recap";
|
||||
import React from "react";
|
||||
import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
|
||||
import React from 'react'
|
||||
|
||||
export default function StatisticPage() {
|
||||
return <StatiticAndRecap />;
|
||||
return (
|
||||
<StatiticAndRecap />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,27 +1,24 @@
|
|||
"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";
|
||||
'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'
|
||||
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import About from "@/components/main/detail/about";
|
||||
import React from "react";
|
||||
import About from '@/components/detail/About'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfile() {
|
||||
return <About />;
|
||||
return (
|
||||
<About />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import HistoryPPID from "@/components/page/history-ppid";
|
||||
import React from "react";
|
||||
import HistoryPPID from '@/components/page/HistoryPPID'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfilePage() {
|
||||
return <HistoryPPID />;
|
||||
return (
|
||||
<HistoryPPID />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import StrukturOrganisasi from "@/components/main/detail/structure";
|
||||
import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
|
||||
|
||||
export default function StructurePPID() {
|
||||
return <StrukturOrganisasi />;
|
||||
}
|
||||
return (
|
||||
<StrukturOrganisasi />
|
||||
)
|
||||
}
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
import Task from "@/components/main/detail/task-detail";
|
||||
import Task from "@/components/detail/TaskDetail";
|
||||
|
||||
|
||||
|
||||
export default function PPIDTask() {
|
||||
return <Task />;
|
||||
return (
|
||||
<Task />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import VisiMisi from "@/components/main/detail/visi-misi";
|
||||
import React from "react";
|
||||
import VisiMisi from '@/components/detail/VisiMisi'
|
||||
import React from 'react'
|
||||
|
||||
export default function VMPPID() {
|
||||
return <VisiMisi />;
|
||||
return (
|
||||
<VisiMisi />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar";
|
||||
import RegulationTable from "@/components/table/tabel-regulasi";
|
||||
import PPIDSidebar from '@/components/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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceFlow from "@/components/main/detail/service-flow";
|
||||
import React from "react";
|
||||
import ServiceFlow from '@/components/detail/ServiceFlow'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceFlowPage() {
|
||||
return <ServiceFlow />;
|
||||
return (
|
||||
<ServiceFlow />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,20 @@
|
|||
"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";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceAnnouncement from "@/components/main/detail/service-announcement";
|
||||
import React from "react";
|
||||
import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceAnnouncePage() {
|
||||
return <ServiceAnnouncement />;
|
||||
return (
|
||||
<ServiceAnnouncement />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ObjectionMecanism from "@/components/main/detail/objection-mecanism";
|
||||
import React from "react";
|
||||
import ObjectionMecanism from '@/components/detail/ObjectionMecanism'
|
||||
import React from 'react'
|
||||
|
||||
export default function ObjectionMecanismPage() {
|
||||
return <ObjectionMecanism />;
|
||||
return (
|
||||
<ObjectionMecanism />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import RequestDispute from "@/components/main/detail/reqeust-dispute";
|
||||
import React from "react";
|
||||
import RequestDispute from '@/components/detail/RequestDispute'
|
||||
import React from 'react'
|
||||
|
||||
export default function RequestDisputePage() {
|
||||
return <RequestDispute />;
|
||||
return (
|
||||
<RequestDispute />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceFee from "@/components/main/detail/service-fee";
|
||||
import React from "react";
|
||||
import ServiceFee from '@/components/detail/ServiceFee'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceFeePage() {
|
||||
return <ServiceFee />;
|
||||
return (
|
||||
<ServiceFee />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import RequestInformation from "@/components/main/detail/request-information";
|
||||
import React from "react";
|
||||
import RequestInformation from '@/components/detail/RequestInformation'
|
||||
import React from 'react'
|
||||
|
||||
export default function RequestInformationPage() {
|
||||
return <RequestInformation />;
|
||||
return (
|
||||
<RequestInformation />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceTime from "@/components/main/detail/serive-time";
|
||||
import React from "react";
|
||||
import ServiceTime from '@/components/detail/ServiceTime'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceTimePage() {
|
||||
return <ServiceTime />;
|
||||
return (
|
||||
<ServiceTime />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import About from "@/components/main/detail/about";
|
||||
import React from "react";
|
||||
import About from '@/components/detail/About'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfile() {
|
||||
return <About />;
|
||||
return (
|
||||
<About />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import HistoryPPID from "@/components/page/history-ppid";
|
||||
import React from "react";
|
||||
import HistoryPPID from '@/components/page/HistoryPPID'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfilePage() {
|
||||
return <HistoryPPID />;
|
||||
return (
|
||||
<HistoryPPID />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import StrukturOrganisasi from "@/components/main/detail/structure";
|
||||
import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
|
||||
|
||||
export default function StructurePPID() {
|
||||
return <StrukturOrganisasi />;
|
||||
}
|
||||
return (
|
||||
<StrukturOrganisasi />
|
||||
)
|
||||
}
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
import Task from "@/components/main/detail/task-detail";
|
||||
import Task from "@/components/detail/TaskDetail";
|
||||
|
||||
|
||||
|
||||
export default function PPIDTask() {
|
||||
return <Task />;
|
||||
return (
|
||||
<Task />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import VisiMisi from "@/components/main/detail/visi-misi";
|
||||
import React from "react";
|
||||
import VisiMisi from '@/components/detail/VisiMisi'
|
||||
import React from 'react'
|
||||
|
||||
export default function VMPPID() {
|
||||
return <VisiMisi />;
|
||||
return (
|
||||
<VisiMisi />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar";
|
||||
import RegulationTable from "@/components/table/tabel-regulasi";
|
||||
import PPIDSidebar from '@/components/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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import InformasiBerkala from "@/components/table/informasi-berkala-table";
|
||||
import InformasiBerkala from '@/components/table/informasi-berkala'
|
||||
|
||||
export default function InformasiSMPage() {
|
||||
return <InformasiBerkala />;
|
||||
return (
|
||||
<InformasiBerkala />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import StatiticAndRecap from "@/components/main/detail/statistic-recap";
|
||||
import React from "react";
|
||||
import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
|
||||
import React from 'react'
|
||||
|
||||
export default function StatisticPage() {
|
||||
return <StatiticAndRecap />;
|
||||
return (
|
||||
<StatiticAndRecap />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,24 +1,20 @@
|
|||
"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";
|
||||
'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';
|
||||
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import About from "@/components/main/detail/about";
|
||||
import React from "react";
|
||||
import About from '@/components/detail/About'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfile() {
|
||||
return <About />;
|
||||
return (
|
||||
<About />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import HistoryPPID from "@/components/page/history-ppid";
|
||||
import React from "react";
|
||||
import HistoryPPID from '@/components/page/HistoryPPID'
|
||||
import React from 'react'
|
||||
|
||||
export default function PPIDProfilePage() {
|
||||
return <HistoryPPID />;
|
||||
return (
|
||||
<HistoryPPID />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
import StrukturOrganisasi from "@/components/main/detail/structure";
|
||||
import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
|
||||
|
||||
export default function StructurePPID() {
|
||||
return <StrukturOrganisasi />;
|
||||
}
|
||||
return (
|
||||
<StrukturOrganisasi />
|
||||
)
|
||||
}
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
import Task from "@/components/main/detail/task-detail";
|
||||
import Task from "@/components/detail/TaskDetail";
|
||||
|
||||
|
||||
|
||||
export default function PPIDTask() {
|
||||
return <Task />;
|
||||
return (
|
||||
<Task />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import VisiMisi from "@/components/main/detail/visi-misi";
|
||||
import React from "react";
|
||||
import VisiMisi from '@/components/detail/VisiMisi'
|
||||
import React from 'react'
|
||||
|
||||
export default function VMPPID() {
|
||||
return <VisiMisi />;
|
||||
return (
|
||||
<VisiMisi />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { SatkerLayout } from "@/components/layout/satker-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
'use client'
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import PPIDSidebar from "@/components/layout/portal-ppid/PPIDSidebar";
|
||||
import RegulationTable from "@/components/table/tabel-regulasi";
|
||||
import PPIDSidebar from '@/components/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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceFlow from "@/components/main/detail/service-flow";
|
||||
import React from "react";
|
||||
import ServiceFlow from '@/components/detail/ServiceFlow'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceFlowPage() {
|
||||
return <ServiceFlow />;
|
||||
return (
|
||||
<ServiceFlow />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,20 @@
|
|||
"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";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
import { SatkerLayout } from '@/components/layout/SatKerLayout';
|
||||
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>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceAnnouncement from "@/components/main/detail/service-announcement";
|
||||
import React from "react";
|
||||
import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceAnnouncePage() {
|
||||
return <ServiceAnnouncement />;
|
||||
return (
|
||||
<ServiceAnnouncement />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ObjectionMecanism from "@/components/main/detail/objection-mecanism";
|
||||
import React from "react";
|
||||
import ObjectionMecanism from '@/components/detail/ObjectionMecanism'
|
||||
import React from 'react'
|
||||
|
||||
export default function ObjectionMecanismPage() {
|
||||
return <ObjectionMecanism />;
|
||||
return (
|
||||
<ObjectionMecanism />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import RequestDispute from "@/components/main/detail/reqeust-dispute";
|
||||
import React from "react";
|
||||
import RequestDispute from '@/components/detail/RequestDispute'
|
||||
import React from 'react'
|
||||
|
||||
export default function RequestDisputePage() {
|
||||
return <RequestDispute />;
|
||||
return (
|
||||
<RequestDispute />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceFee from "@/components/main/detail/service-fee";
|
||||
import React from "react";
|
||||
import ServiceFee from '@/components/detail/ServiceFee'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceFeePage() {
|
||||
return <ServiceFee />;
|
||||
return (
|
||||
<ServiceFee />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import RequestInformation from "@/components/main/detail/request-information";
|
||||
import React from "react";
|
||||
import RequestInformation from '@/components/detail/RequestInformation'
|
||||
import React from 'react'
|
||||
|
||||
export default function RequestInformationPage() {
|
||||
return <RequestInformation />;
|
||||
return (
|
||||
<RequestInformation />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceTime from "@/components/main/detail/serive-time";
|
||||
import React from "react";
|
||||
import ServiceTime from '@/components/detail/ServiceTime'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceTimePage() {
|
||||
return <ServiceTime />;
|
||||
return (
|
||||
<ServiceTime />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceFlow from "@/components/main/detail/service-flow";
|
||||
import React from "react";
|
||||
import ServiceFlow from '@/components/detail/ServiceFlow'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceFlowPage() {
|
||||
return <ServiceFlow />;
|
||||
return (
|
||||
<ServiceFlow />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,19 @@
|
|||
"use client";
|
||||
import { PPIDLayout } from "@/components/layout/ppid-layout";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React, { Children } from "react";
|
||||
'use client'
|
||||
import { PPIDLayout } from '@/components/layout/PPIDLayout';
|
||||
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 <PPIDLayout>{children}</PPIDLayout>;
|
||||
return (
|
||||
<PPIDLayout>
|
||||
{children}
|
||||
</PPIDLayout>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import ServiceAnnouncement from "@/components/main/detail/service-announcement";
|
||||
import React from "react";
|
||||
import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement'
|
||||
import React from 'react'
|
||||
|
||||
export default function ServiceAnnouncePage() {
|
||||
return <ServiceAnnouncement />;
|
||||
return (
|
||||
<ServiceAnnouncement />
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue