clean console, fix:maps chart
This commit is contained in:
parent
7ec1e2d602
commit
c8480bad59
|
|
@ -124,7 +124,6 @@ export default function MasterCategoryTable() {
|
||||||
};
|
};
|
||||||
|
|
||||||
const onSubmit = async (values: z.infer<typeof createArticleSchema>) => {
|
const onSubmit = async (values: z.infer<typeof createArticleSchema>) => {
|
||||||
console.log("values,", values);
|
|
||||||
loading();
|
loading();
|
||||||
const formData = {
|
const formData = {
|
||||||
title: values.title,
|
title: values.title,
|
||||||
|
|
@ -135,7 +134,6 @@ export default function MasterCategoryTable() {
|
||||||
};
|
};
|
||||||
|
|
||||||
const response = await createCategory(formData);
|
const response = await createCategory(formData);
|
||||||
console.log(response);
|
|
||||||
if (response?.error) {
|
if (response?.error) {
|
||||||
console.log();
|
console.log();
|
||||||
if (
|
if (
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function EPPIDPoldaLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function EPPIDSatkerLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function InfoPublicLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ import React from "react";
|
||||||
|
|
||||||
export default function PortalPPID(url: any) {
|
export default function PortalPPID(url: any) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function RegulasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ export default function StandarLayananLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function PPIDProfileLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function RegulasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function LayananInformasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function RegulasiLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ export default function StandarLayananLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <SatkerLayout>{children}</SatkerLayout>;
|
return <SatkerLayout>{children}</SatkerLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function StandarLayananLayout({
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return <PPIDLayout>{children}</PPIDLayout>;
|
return <PPIDLayout>{children}</PPIDLayout>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -374,8 +374,6 @@ export default function CreateArticleForm() {
|
||||||
isPublish: status === "publish",
|
isPublish: status === "publish",
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log("formData", formData);
|
|
||||||
|
|
||||||
const response = await createArticle(formData);
|
const response = await createArticle(formData);
|
||||||
|
|
||||||
if (response?.error) {
|
if (response?.error) {
|
||||||
|
|
|
||||||
|
|
@ -107,7 +107,6 @@ export default function EditGeneratedArticleChecker(props: { id: string }) {
|
||||||
metaTitle: values.metaTitle,
|
metaTitle: values.metaTitle,
|
||||||
createdBy: "123123",
|
createdBy: "123123",
|
||||||
};
|
};
|
||||||
console.log("request", request);
|
|
||||||
loading();
|
loading();
|
||||||
const res = await updateManualArticle(request);
|
const res = await updateManualArticle(request);
|
||||||
if (res.error) {
|
if (res.error) {
|
||||||
|
|
|
||||||
|
|
@ -137,7 +137,6 @@ export default function GenerateBulkArticle(props: {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
console.log("res?s", res?.data?.data);
|
|
||||||
const temp: number[] = [];
|
const temp: number[] = [];
|
||||||
res?.data?.data.map((data: any) => temp.push(data.id));
|
res?.data?.data.map((data: any) => temp.push(data.id));
|
||||||
props.articleId(temp);
|
props.articleId(temp);
|
||||||
|
|
@ -239,7 +238,6 @@ export default function GenerateBulkArticle(props: {
|
||||||
|
|
||||||
const processRow = (index: number) => {
|
const processRow = (index: number) => {
|
||||||
const addKeyword = getValues(`rows.${index}.mainKeyword`);
|
const addKeyword = getValues(`rows.${index}.mainKeyword`);
|
||||||
console.log("index", index, addKeyword);
|
|
||||||
generateTitle(addKeyword, index);
|
generateTitle(addKeyword, index);
|
||||||
|
|
||||||
generateKeywords(addKeyword, index);
|
generateKeywords(addKeyword, index);
|
||||||
|
|
|
||||||
|
|
@ -177,7 +177,6 @@ export default function FormArticle() {
|
||||||
htmlDescription: content,
|
htmlDescription: content,
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log("Form Data:", formData);
|
|
||||||
const response = await createArticle(formData);
|
const response = await createArticle(formData);
|
||||||
|
|
||||||
if (response?.error) {
|
if (response?.error) {
|
||||||
|
|
|
||||||
|
|
@ -51,8 +51,6 @@ export default function FormDetailMasterUserRole() {
|
||||||
setName(res.data.data?.name);
|
setName(res.data.data?.name);
|
||||||
setDescription(res.data.data?.description);
|
setDescription(res.data.data?.description);
|
||||||
setLevelNumber(res.data.data?.level_number);
|
setLevelNumber(res.data.data?.level_number);
|
||||||
|
|
||||||
console.log("Data MasterUser", userRole);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
initState();
|
initState();
|
||||||
|
|
@ -66,7 +64,6 @@ export default function FormDetailMasterUserRole() {
|
||||||
name: name,
|
name: name,
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log("Form MasterUser:", formData);
|
|
||||||
const response = await createMasterUserRole(formData);
|
const response = await createMasterUserRole(formData);
|
||||||
|
|
||||||
if (response?.error) {
|
if (response?.error) {
|
||||||
|
|
|
||||||
|
|
@ -99,8 +99,6 @@ export default function FormUpdateArticle() {
|
||||||
? res.data.data.tags.split(",")
|
? res.data.data.tags.split(",")
|
||||||
: [];
|
: [];
|
||||||
setTags(tagsArray);
|
setTags(tagsArray);
|
||||||
|
|
||||||
console.log("Data Aritcle", res.data?.data);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
initState();
|
initState();
|
||||||
|
|
@ -117,7 +115,6 @@ export default function FormUpdateArticle() {
|
||||||
htmlDescription: content,
|
htmlDescription: content,
|
||||||
};
|
};
|
||||||
|
|
||||||
console.log("Form Data:", formData);
|
|
||||||
// const response = await createArticle(formData);
|
// const response = await createArticle(formData);
|
||||||
|
|
||||||
// if (response?.error) {
|
// if (response?.error) {
|
||||||
|
|
|
||||||
|
|
@ -1,475 +1,479 @@
|
||||||
'use client'
|
"use client";
|
||||||
import { zodResolver } from "@hookform/resolvers/zod";
|
import { zodResolver } from "@hookform/resolvers/zod";
|
||||||
import { Button } from "@heroui/button";
|
import { Button } from "@heroui/button";
|
||||||
import { Input } from "@heroui/input";
|
import { Input } from "@heroui/input";
|
||||||
import { Select, SelectItem, SelectSection } from "@heroui/react";
|
import { Select, SelectItem, SelectSection } from "@heroui/react";
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from "react";
|
||||||
import { useForm } from 'react-hook-form';
|
import { useForm } from "react-hook-form";
|
||||||
import { z } from 'zod';
|
import { z } from "zod";
|
||||||
import { EyeFilledIcon, EyeSlashFilledIcon } from '../icons';
|
import { EyeFilledIcon, EyeSlashFilledIcon } from "../icons";
|
||||||
import Datepicker from "react-tailwindcss-datepicker";
|
import Datepicker from "react-tailwindcss-datepicker";
|
||||||
|
|
||||||
const schema = z.object({
|
const schema = z.object({
|
||||||
name: z.string().min(3).max(50),
|
name: z.string().min(3).max(50),
|
||||||
email: z.string().email(),
|
email: z.string().email(),
|
||||||
});
|
});
|
||||||
interface FormData {
|
interface FormData {
|
||||||
name: string;
|
name: string;
|
||||||
email: string;
|
email: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const FormApplication: React.FC = () => {
|
const FormApplication: React.FC = () => {
|
||||||
const [isVisible, setIsVisible] = React.useState(false);
|
const [isVisible, setIsVisible] = React.useState(false);
|
||||||
const [selectedGender, setSelectedGender] = React.useState('');
|
const [selectedGender, setSelectedGender] = React.useState("");
|
||||||
|
|
||||||
const [startDateValue, setStartDateValue] = useState({
|
const [startDateValue, setStartDateValue] = useState({
|
||||||
startDate: null,
|
startDate: null,
|
||||||
endDate: null,
|
endDate: null,
|
||||||
});
|
});
|
||||||
|
|
||||||
const toggleVisibility = () => setIsVisible(!isVisible);
|
const toggleVisibility = () => setIsVisible(!isVisible);
|
||||||
|
|
||||||
const { register, handleSubmit, formState: { errors } } = useForm<FormData>({
|
const {
|
||||||
resolver: zodResolver(schema),
|
register,
|
||||||
});
|
handleSubmit,
|
||||||
|
formState: { errors },
|
||||||
|
} = useForm<FormData>({
|
||||||
|
resolver: zodResolver(schema),
|
||||||
|
});
|
||||||
|
|
||||||
const onChangeGender = (selectedItem: any) => {
|
const onChangeGender = (selectedItem: any) => {
|
||||||
setSelectedGender(selectedItem);
|
setSelectedGender(selectedItem);
|
||||||
// Lakukan apa pun yang perlu dilakukan saat pilihan jenis kelamin berubah di sini
|
};
|
||||||
console.log("Selected Gender:", selectedItem);
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleValueChange = (newValue: any, num: any) => {
|
const handleValueChange = (newValue: any, num: any) => {
|
||||||
console.log("start:", newValue);
|
setStartDateValue(newValue);
|
||||||
setStartDateValue(newValue);
|
};
|
||||||
}
|
|
||||||
|
|
||||||
|
const onSubmit = (data: FormData) => {
|
||||||
|
console.log(data);
|
||||||
|
};
|
||||||
|
|
||||||
const onSubmit = (data: FormData) => {
|
return (
|
||||||
console.log(data);
|
// <form onSubmit={handleSubmit(onSubmit)}>
|
||||||
};
|
// <div>
|
||||||
|
// <label htmlFor="name">Name:</label>
|
||||||
return (
|
// <input {...register('name')} id="name" />
|
||||||
// <form onSubmit={handleSubmit(onSubmit)}>
|
// {errors.name && <p>{errors.name.message}</p>}
|
||||||
// <div>
|
// </div>
|
||||||
// <label htmlFor="name">Name:</label>
|
// <div>
|
||||||
// <input {...register('name')} id="name" />
|
// <label htmlFor="email">Email:</label>
|
||||||
// {errors.name && <p>{errors.name.message}</p>}
|
// <input {...register('email')} id="email" />
|
||||||
// </div>
|
// {errors.email && <p>{errors.email.message}</p>}
|
||||||
// <div>
|
// </div>
|
||||||
// <label htmlFor="email">Email:</label>
|
// <button type="submit">Submit</button>
|
||||||
// <input {...register('email')} id="email" />
|
// </form>
|
||||||
// {errors.email && <p>{errors.email.message}</p>}
|
<div className=" bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5">
|
||||||
// </div>
|
<div className="text-xl font-bold">Form Register Permohonan</div>
|
||||||
// <button type="submit">Submit</button>
|
<div>
|
||||||
// </form>
|
<Input
|
||||||
(<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
|
classNames={{
|
||||||
<div className='text-xl font-bold'>Form Register Permohonan</div>
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
<div>
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
<Input
|
innerWrapper: ["bg-transparent"],
|
||||||
classNames={{
|
label: ["!text-black", "font-semibold"],
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
inputWrapper: [
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
"bg-transparent",
|
||||||
innerWrapper: ["bg-transparent"],
|
"dark:bg-transparent",
|
||||||
label: ["!text-black", "font-semibold"],
|
"hover:bg-transparent",
|
||||||
inputWrapper: [
|
"dark:hover:bg-transparent",
|
||||||
"bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"hover:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
],
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
}}
|
||||||
"group-data-[focused=false]:bg-transparent",
|
isRequired
|
||||||
"focus-within:!bg-transparent",
|
type="text"
|
||||||
],
|
label="Username"
|
||||||
}}
|
placeholder="Masukkan username anda!"
|
||||||
isRequired
|
variant="underlined"
|
||||||
type="text"
|
/>
|
||||||
label="Username"
|
</div>
|
||||||
placeholder="Masukkan username anda!"
|
<div>
|
||||||
variant='underlined'
|
<Input
|
||||||
/>
|
classNames={{
|
||||||
</div>
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
<div>
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
<Input
|
innerWrapper: ["bg-transparent"],
|
||||||
classNames={{
|
label: ["!text-black", "font-semibold"],
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
inputWrapper: [
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
"bg-transparent",
|
||||||
innerWrapper: ["bg-transparent"],
|
"dark:bg-transparent",
|
||||||
label: ["!text-black", "font-semibold"],
|
"hover:bg-transparent",
|
||||||
inputWrapper: [
|
"dark:hover:bg-transparent",
|
||||||
"bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"hover:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
],
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
}}
|
||||||
"group-data-[focused=false]:bg-transparent",
|
isRequired
|
||||||
"focus-within:!bg-transparent",
|
endContent={
|
||||||
],
|
<button
|
||||||
}}
|
className="focus:outline-none"
|
||||||
isRequired
|
type="button"
|
||||||
endContent={
|
onClick={toggleVisibility}
|
||||||
<button className="focus:outline-none" type="button" onClick={toggleVisibility}>
|
>
|
||||||
{isVisible ? (
|
{isVisible ? (
|
||||||
<EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
<EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
||||||
) : (
|
) : (
|
||||||
<EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
<EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
}
|
}
|
||||||
type={isVisible ? "text" : "password"}
|
type={isVisible ? "text" : "password"}
|
||||||
label="Password"
|
label="Password"
|
||||||
placeholder="Masukkan password anda"
|
placeholder="Masukkan password anda"
|
||||||
variant='underlined'
|
variant="underlined"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
endContent={
|
endContent={
|
||||||
<button className="focus:outline-none" type="button" onClick={toggleVisibility}>
|
<button
|
||||||
{isVisible ? (
|
className="focus:outline-none"
|
||||||
<EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
type="button"
|
||||||
) : (
|
onClick={toggleVisibility}
|
||||||
<EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
>
|
||||||
)}
|
{isVisible ? (
|
||||||
</button>
|
<EyeSlashFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
||||||
}
|
) : (
|
||||||
type={isVisible ? "text" : "password"}
|
<EyeFilledIcon className="text-2xl text-default-400 pointer-events-none" />
|
||||||
label="Konfirmasi Password"
|
)}
|
||||||
placeholder="Masukkan password anda"
|
</button>
|
||||||
variant='underlined'
|
}
|
||||||
/>
|
type={isVisible ? "text" : "password"}
|
||||||
</div>
|
label="Konfirmasi Password"
|
||||||
<div>
|
placeholder="Masukkan password anda"
|
||||||
<Input
|
variant="underlined"
|
||||||
classNames={{
|
/>
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
</div>
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
<div>
|
||||||
innerWrapper: ["bg-transparent"],
|
<Input
|
||||||
label: ["!text-black", "font-semibold"],
|
classNames={{
|
||||||
inputWrapper: [
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
"bg-transparent",
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
"dark:bg-transparent",
|
innerWrapper: ["bg-transparent"],
|
||||||
"hover:bg-transparent",
|
label: ["!text-black", "font-semibold"],
|
||||||
"dark:hover:bg-transparent",
|
inputWrapper: [
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:bg-transparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
],
|
"group-data-[focused=true]:bg-transparent",
|
||||||
}}
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
isRequired
|
"group-data-[focused=false]:bg-transparent",
|
||||||
type="text"
|
"focus-within:!bg-transparent",
|
||||||
label="Nama Lengkap"
|
],
|
||||||
placeholder="Masukkan nama lengkap anda"
|
}}
|
||||||
variant='underlined'
|
isRequired
|
||||||
/>
|
type="text"
|
||||||
</div>
|
label="Nama Lengkap"
|
||||||
<div>
|
placeholder="Masukkan nama lengkap anda"
|
||||||
<Input
|
variant="underlined"
|
||||||
classNames={{
|
/>
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
</div>
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
<div>
|
||||||
innerWrapper: ["bg-transparent"],
|
<Input
|
||||||
label: ["!text-black", "font-semibold"],
|
classNames={{
|
||||||
inputWrapper: [
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
"bg-transparent",
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
"dark:bg-transparent",
|
innerWrapper: ["bg-transparent"],
|
||||||
"hover:bg-transparent",
|
label: ["!text-black", "font-semibold"],
|
||||||
"dark:hover:bg-transparent",
|
inputWrapper: [
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:bg-transparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
],
|
"group-data-[focused=true]:bg-transparent",
|
||||||
}}
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
isRequired
|
"group-data-[focused=false]:bg-transparent",
|
||||||
type="text"
|
"focus-within:!bg-transparent",
|
||||||
label="Pekerjaan"
|
],
|
||||||
placeholder="Masukkan informasi pekerjaan Anda!"
|
}}
|
||||||
variant='underlined'
|
isRequired
|
||||||
/>
|
type="text"
|
||||||
</div>
|
label="Pekerjaan"
|
||||||
<div>
|
placeholder="Masukkan informasi pekerjaan Anda!"
|
||||||
<Select
|
variant="underlined"
|
||||||
label="Jenis Kelamin"
|
/>
|
||||||
placeholder="Pilih Jenis Kelamin"
|
</div>
|
||||||
className="max-w-sm"
|
<div>
|
||||||
isRequired
|
<Select
|
||||||
variant="underlined"
|
label="Jenis Kelamin"
|
||||||
classNames={{
|
placeholder="Pilih Jenis Kelamin"
|
||||||
label: ["!text-black", "font-semibold"],
|
className="max-w-sm"
|
||||||
// mainWrapper: "rounded",
|
isRequired
|
||||||
listboxWrapper:
|
variant="underlined"
|
||||||
"bg-white w-full !text-indigo-500 text-center font-bold",
|
classNames={{
|
||||||
popoverContent: "bg-white !text-indigo-500",
|
label: ["!text-black", "font-semibold"],
|
||||||
trigger:
|
// mainWrapper: "rounded",
|
||||||
"hover:!bg-gray-100",
|
listboxWrapper:
|
||||||
value: "!text-black"
|
"bg-white w-full !text-indigo-500 text-center font-bold",
|
||||||
}}
|
popoverContent: "bg-white !text-indigo-500",
|
||||||
listboxProps={{
|
trigger: "hover:!bg-gray-100",
|
||||||
itemClasses: {
|
value: "!text-black",
|
||||||
base: [
|
}}
|
||||||
"!text-left",
|
listboxProps={{
|
||||||
"!text-black",
|
itemClasses: {
|
||||||
"!bg-white",
|
base: [
|
||||||
"text-indigo-500 ",
|
"!text-left",
|
||||||
"data-[selectable=true]:!text-indigo-500",
|
"!text-black",
|
||||||
"data-[pressed=true]:text-indigo-500",
|
"!bg-white",
|
||||||
"data-[hover=true]:!text-indigo-300",
|
"text-indigo-500 ",
|
||||||
],
|
"data-[selectable=true]:!text-indigo-500",
|
||||||
wrapper: ["!bg-white border-none"],
|
"data-[pressed=true]:text-indigo-500",
|
||||||
|
"data-[hover=true]:!text-indigo-300",
|
||||||
},
|
],
|
||||||
}}
|
wrapper: ["!bg-white border-none"],
|
||||||
onChange={onChangeGender}
|
},
|
||||||
>
|
}}
|
||||||
<SelectSection >
|
onChange={onChangeGender}
|
||||||
<SelectItem key="male">Laki-laki</SelectItem>
|
>
|
||||||
<SelectItem key="female">Perempuan</SelectItem>
|
<SelectSection>
|
||||||
</SelectSection>
|
<SelectItem key="male">Laki-laki</SelectItem>
|
||||||
</Select>
|
<SelectItem key="female">Perempuan</SelectItem>
|
||||||
</div>
|
</SelectSection>
|
||||||
<div>
|
</Select>
|
||||||
<Select
|
</div>
|
||||||
label="Tipe"
|
<div>
|
||||||
placeholder="Pilih tipe permohonan informasi sesuai kebutuhn anda"
|
<Select
|
||||||
className="max-w-sm"
|
label="Tipe"
|
||||||
isRequired
|
placeholder="Pilih tipe permohonan informasi sesuai kebutuhn anda"
|
||||||
variant="underlined"
|
className="max-w-sm"
|
||||||
classNames={{
|
isRequired
|
||||||
label: ["!text-black", "font-semibold"],
|
variant="underlined"
|
||||||
// mainWrapper: "rounded",
|
classNames={{
|
||||||
listboxWrapper:
|
label: ["!text-black", "font-semibold"],
|
||||||
"bg-white w-full !text-indigo-500 text-center font-bold",
|
// mainWrapper: "rounded",
|
||||||
popoverContent: "bg-white !text-indigo-500",
|
listboxWrapper:
|
||||||
trigger:
|
"bg-white w-full !text-indigo-500 text-center font-bold",
|
||||||
"hover:!bg-gray-100",
|
popoverContent: "bg-white !text-indigo-500",
|
||||||
value: "!text-black"
|
trigger: "hover:!bg-gray-100",
|
||||||
}}
|
value: "!text-black",
|
||||||
listboxProps={{
|
}}
|
||||||
itemClasses: {
|
listboxProps={{
|
||||||
base: [
|
itemClasses: {
|
||||||
"!text-left",
|
base: [
|
||||||
"!text-black",
|
"!text-left",
|
||||||
"!bg-white",
|
"!text-black",
|
||||||
"text-indigo-500 ",
|
"!bg-white",
|
||||||
"data-[selectable=true]:!text-indigo-500",
|
"text-indigo-500 ",
|
||||||
"data-[pressed=true]:text-indigo-500",
|
"data-[selectable=true]:!text-indigo-500",
|
||||||
"data-[hover=true]:!text-indigo-300",
|
"data-[pressed=true]:text-indigo-500",
|
||||||
],
|
"data-[hover=true]:!text-indigo-300",
|
||||||
wrapper: ["!bg-white border-none"],
|
],
|
||||||
|
wrapper: ["!bg-white border-none"],
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
onChange={onChangeGender}
|
onChange={onChangeGender}
|
||||||
>
|
>
|
||||||
<SelectSection >
|
<SelectSection>
|
||||||
<SelectItem key="male">Laki-laki</SelectItem>
|
<SelectItem key="male">Laki-laki</SelectItem>
|
||||||
<SelectItem key="female">Perempuan</SelectItem>
|
<SelectItem key="female">Perempuan</SelectItem>
|
||||||
</SelectSection>
|
</SelectSection>
|
||||||
</Select>
|
</Select>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
type="text"
|
type="text"
|
||||||
label="KTP"
|
label="KTP"
|
||||||
placeholder="Masukkan nomor ktp anda!"
|
placeholder="Masukkan nomor ktp anda!"
|
||||||
variant='underlined'
|
variant="underlined"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
type="text"
|
type="text"
|
||||||
label="Alamat"
|
label="Alamat"
|
||||||
placeholder="Masukkan alamat anda!"
|
placeholder="Masukkan alamat anda!"
|
||||||
variant='underlined'
|
variant="underlined"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
type="text"
|
type="text"
|
||||||
label="No Telp"
|
label="No Telp"
|
||||||
placeholder="Masukkan nomor telepon anda!"
|
placeholder="Masukkan nomor telepon anda!"
|
||||||
variant='underlined'
|
variant="underlined"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
type="text"
|
type="text"
|
||||||
label="Email"
|
label="Email"
|
||||||
placeholder="Masukkan email anda!"
|
placeholder="Masukkan email anda!"
|
||||||
variant='underlined'
|
variant="underlined"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Input
|
<Input
|
||||||
className="max-w-sm"
|
className="max-w-sm"
|
||||||
classNames={{
|
classNames={{
|
||||||
input: ["w-full", "bg-transparent", "!text-black"],
|
input: ["w-full", "bg-transparent", "!text-black"],
|
||||||
mainWrapper: ["w-full", "bg-transparent"],
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
innerWrapper: ["bg-transparent"],
|
innerWrapper: ["bg-transparent"],
|
||||||
label: ["!text-black", "font-semibold", "text-xs", "w-full"],
|
label: ["!text-black", "font-semibold", "text-xs", "w-full"],
|
||||||
inputWrapper: [
|
inputWrapper: [
|
||||||
"bg-transparent",
|
"bg-transparent",
|
||||||
"dark:bg-transparent",
|
"dark:bg-transparent",
|
||||||
"hover:bg-transparent",
|
"hover:bg-transparent",
|
||||||
"dark:hover:bg-transparent",
|
"dark:hover:bg-transparent",
|
||||||
"group-data-[focused=true]:bg-transparent",
|
"group-data-[focused=true]:bg-transparent",
|
||||||
"dark:group-data-[focused=true]:bg-transaparent",
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
"group-data-[focused=false]:bg-transparent",
|
"group-data-[focused=false]:bg-transparent",
|
||||||
"focus-within:!bg-transparent",
|
"focus-within:!bg-transparent",
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
isRequired
|
isRequired
|
||||||
type="text"
|
type="text"
|
||||||
label="Tanggal Lahir"
|
label="Tanggal Lahir"
|
||||||
isReadOnly
|
isReadOnly
|
||||||
labelPlacement="outside-left"
|
labelPlacement="outside-left"
|
||||||
/>
|
/>
|
||||||
<Datepicker
|
<Datepicker
|
||||||
useRange={false}
|
useRange={false}
|
||||||
asSingle={true}
|
asSingle={true}
|
||||||
value={startDateValue}
|
value={startDateValue}
|
||||||
displayFormat="DD/MM/YYYY"
|
displayFormat="DD/MM/YYYY"
|
||||||
onChange={(e: any) => handleValueChange(e, 1)}
|
onChange={(e: any) => handleValueChange(e, 1)}
|
||||||
inputClassName="w-full bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl "
|
inputClassName="w-full bg-transparent border-1 border-gray-200 px-2 py-[6px] rounded-xl "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Select
|
<Select
|
||||||
label="Pendidikan Terakhir"
|
label="Pendidikan Terakhir"
|
||||||
placeholder="Pilih Pendidikan terakhir anda"
|
placeholder="Pilih Pendidikan terakhir anda"
|
||||||
className="max-w-sm"
|
className="max-w-sm"
|
||||||
isRequired
|
isRequired
|
||||||
variant="underlined"
|
variant="underlined"
|
||||||
classNames={{
|
classNames={{
|
||||||
label: ["!text-black", "font-semibold"],
|
label: ["!text-black", "font-semibold"],
|
||||||
// mainWrapper: "rounded",
|
// mainWrapper: "rounded",
|
||||||
listboxWrapper:
|
listboxWrapper:
|
||||||
"bg-white w-full !text-indigo-500 text-center font-bold",
|
"bg-white w-full !text-indigo-500 text-center font-bold",
|
||||||
popoverContent: "bg-white !text-indigo-500",
|
popoverContent: "bg-white !text-indigo-500",
|
||||||
trigger:
|
trigger: "hover:!bg-gray-100",
|
||||||
"hover:!bg-gray-100",
|
value: "!text-black",
|
||||||
value: "!text-black"
|
}}
|
||||||
}}
|
listboxProps={{
|
||||||
listboxProps={{
|
itemClasses: {
|
||||||
itemClasses: {
|
base: [
|
||||||
base: [
|
"!text-left",
|
||||||
"!text-left",
|
"!text-black",
|
||||||
"!text-black",
|
"!bg-white",
|
||||||
"!bg-white",
|
"text-indigo-500 ",
|
||||||
"text-indigo-500 ",
|
"data-[selectable=true]:!text-indigo-500",
|
||||||
"data-[selectable=true]:!text-indigo-500",
|
"data-[pressed=true]:text-indigo-500",
|
||||||
"data-[pressed=true]:text-indigo-500",
|
"data-[hover=true]:!text-indigo-300",
|
||||||
"data-[hover=true]:!text-indigo-300",
|
],
|
||||||
],
|
wrapper: ["!bg-white border-none"],
|
||||||
wrapper: ["!bg-white border-none"],
|
},
|
||||||
|
}}
|
||||||
},
|
// onChange={onChangeGender}
|
||||||
}}
|
>
|
||||||
// onChange={onChangeGender}
|
<SelectSection>
|
||||||
>
|
<SelectItem key="sd">SD</SelectItem>
|
||||||
<SelectSection >
|
<SelectItem key="smp">SMP</SelectItem>
|
||||||
<SelectItem key="sd">SD</SelectItem>
|
<SelectItem key="sma">SMA</SelectItem>
|
||||||
<SelectItem key="smp">SMP</SelectItem>
|
<SelectItem key="d">D1/D2/D3</SelectItem>
|
||||||
<SelectItem key="sma">SMA</SelectItem>
|
<SelectItem key="s1">S1</SelectItem>
|
||||||
<SelectItem key="d">D1/D2/D3</SelectItem>
|
<SelectItem key="s2">S2</SelectItem>
|
||||||
<SelectItem key="s1">S1</SelectItem>
|
<SelectItem key="femals3">S3</SelectItem>
|
||||||
<SelectItem key="s2">S2</SelectItem>
|
</SelectSection>
|
||||||
<SelectItem key="femals3">S3</SelectItem>
|
</Select>
|
||||||
</SelectSection>
|
</div>
|
||||||
</Select>
|
<Button className="w-full bg-[#DD8306] font-semibold">
|
||||||
</div>
|
Daftar Sekarang
|
||||||
<Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
|
</Button>
|
||||||
</div>)
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default FormApplication;
|
export default FormApplication;
|
||||||
|
|
|
||||||
|
|
@ -15,8 +15,6 @@ interface MenuLinksProps {
|
||||||
const MenuLinks: React.FC<MenuLinksProps> = ({ item }) => {
|
const MenuLinks: React.FC<MenuLinksProps> = ({ item }) => {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
|
|
||||||
console.log(pathname);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Link
|
<Link
|
||||||
href={item.path}
|
href={item.path}
|
||||||
|
|
|
||||||
|
|
@ -82,9 +82,7 @@ export default function MasterUserLevelTable() {
|
||||||
|
|
||||||
const [page, setPage] = useState(1);
|
const [page, setPage] = useState(1);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {}, [selectedLevel]);
|
||||||
console.log("level", selectedLevel);
|
|
||||||
}, [selectedLevel]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
fetchData();
|
fetchData();
|
||||||
|
|
@ -176,7 +174,6 @@ export default function MasterUserLevelTable() {
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSelectedLevel = (id: string, checked: boolean) => {
|
const handleSelectedLevel = (id: string, checked: boolean) => {
|
||||||
console.log("change", id, checked);
|
|
||||||
const temp = [...selectedLevel];
|
const temp = [...selectedLevel];
|
||||||
if (checked) {
|
if (checked) {
|
||||||
temp.push(id);
|
temp.push(id);
|
||||||
|
|
|
||||||
|
|
@ -224,7 +224,6 @@ export default function SuggestionsTable() {
|
||||||
message: values.description,
|
message: values.description,
|
||||||
commentFromEmail: values.commentFromEmail,
|
commentFromEmail: values.commentFromEmail,
|
||||||
};
|
};
|
||||||
console.log("dataas", formData);
|
|
||||||
close();
|
close();
|
||||||
// setRefresh(!refresh);
|
// setRefresh(!refresh);
|
||||||
// MySwal.fire({
|
// MySwal.fire({
|
||||||
|
|
|
||||||
|
|
@ -44,7 +44,7 @@ const provinces = [
|
||||||
{ engName: "SOUTH SUMATRA", inName: "SUMATERA SELATAN" },
|
{ engName: "SOUTH SUMATRA", inName: "SUMATERA SELATAN" },
|
||||||
{ engName: "BENGKULU", inName: "BENGKULU" },
|
{ engName: "BENGKULU", inName: "BENGKULU" },
|
||||||
{ engName: "LAMPUNG", inName: "LAMPUNG" },
|
{ engName: "LAMPUNG", inName: "LAMPUNG" },
|
||||||
{ engName: "BANGKA BELITUNG ISLANDS", inName: "KEPULAUAN BANGKA BELITUNG" },
|
{ engName: "BANGKA–BELITUNG ISLANDS", inName: "KEPULAUAN BANGKA BELITUNG" },
|
||||||
{ engName: "RIAU ISLANDS", inName: "KEPULAUAN RIAU" },
|
{ engName: "RIAU ISLANDS", inName: "KEPULAUAN RIAU" },
|
||||||
{ engName: "JAKARTA", inName: "DKI JAKARTA" },
|
{ engName: "JAKARTA", inName: "DKI JAKARTA" },
|
||||||
{ engName: "WEST JAVA", inName: "JAWA BARAT" },
|
{ engName: "WEST JAVA", inName: "JAWA BARAT" },
|
||||||
|
|
@ -115,8 +115,8 @@ const IndonesiaMap = () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const findRegion = (name: string): string => {
|
const findRegion = (name: string): string => {
|
||||||
const find = provinces.find((a) => a.engName === name);
|
const find = provinces.find((a) => a.engName == name);
|
||||||
return find ? find.inName : "";
|
return find ? find.inName : name;
|
||||||
};
|
};
|
||||||
|
|
||||||
const res = await getStatisticForMaps(
|
const res = await getStatisticForMaps(
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,6 @@ export async function httpPost(pathUrl: any, headers: any, data?: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -75,7 +74,6 @@ export async function httpGet(pathUrl: any, headers: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -110,7 +108,6 @@ export async function httpPut(pathUrl: any, headers: any, data?: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -142,7 +139,6 @@ export async function httpDeleteInterceptor(pathUrl: any, headers: any) {
|
||||||
const response = await axiosBaseInstance
|
const response = await axiosBaseInstance
|
||||||
.delete(pathUrl, { headers: mergedHeaders })
|
.delete(pathUrl, { headers: mergedHeaders })
|
||||||
.catch((error) => error.response);
|
.catch((error) => error.response);
|
||||||
console.log("Response interceptor : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -165,7 +161,6 @@ export async function mediahubGet(pathUrl: any, headers: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
|
|
@ -18,9 +18,7 @@ const axiosInterceptorInstance = axios.create({
|
||||||
// Request interceptor
|
// Request interceptor
|
||||||
axiosInterceptorInstance.interceptors.request.use(
|
axiosInterceptorInstance.interceptors.request.use(
|
||||||
(config) => {
|
(config) => {
|
||||||
console.log("Config interceptor : ", config);
|
|
||||||
const accessToken = Cookies.get("access_token");
|
const accessToken = Cookies.get("access_token");
|
||||||
console.log("Token interceptor : ", accessToken);
|
|
||||||
if (accessToken) {
|
if (accessToken) {
|
||||||
if (config.headers)
|
if (config.headers)
|
||||||
config.headers.Authorization = "Bearer " + accessToken;
|
config.headers.Authorization = "Bearer " + accessToken;
|
||||||
|
|
@ -35,11 +33,9 @@ axiosInterceptorInstance.interceptors.request.use(
|
||||||
// Response interceptor
|
// Response interceptor
|
||||||
axiosInterceptorInstance.interceptors.response.use(
|
axiosInterceptorInstance.interceptors.response.use(
|
||||||
(response) => {
|
(response) => {
|
||||||
console.log("Response interceptor : ", response);
|
|
||||||
return response;
|
return response;
|
||||||
},
|
},
|
||||||
async function (error) {
|
async function (error) {
|
||||||
console.log("Error interceptor : ", error.response.status);
|
|
||||||
const originalRequest = error.config;
|
const originalRequest = error.config;
|
||||||
if (error.response.status === 401 && !originalRequest._retry) {
|
if (error.response.status === 401 && !originalRequest._retry) {
|
||||||
originalRequest._retry = true;
|
originalRequest._retry = true;
|
||||||
|
|
@ -48,7 +44,6 @@ axiosInterceptorInstance.interceptors.response.use(
|
||||||
refreshToken: refreshToken,
|
refreshToken: refreshToken,
|
||||||
// clientId: "web-humas",
|
// clientId: "web-humas",
|
||||||
};
|
};
|
||||||
console.log("refresh token ", data);
|
|
||||||
const res = await postSignIn(data);
|
const res = await postSignIn(data);
|
||||||
if (res?.error) {
|
if (res?.error) {
|
||||||
Object.keys(Cookies.get()).forEach((cookieName) => {
|
Object.keys(Cookies.get()).forEach((cookieName) => {
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export async function httpPost(pathUrl: any, headers: any, data?: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -32,7 +31,6 @@ export async function httpGet(pathUrl: any, headers: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -61,7 +59,6 @@ export async function httpPost2(pathUrl: any, headers: any, data?: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,6 @@ export async function httpGet(pathUrl: any, headers: any) {
|
||||||
const response = await axiosBaseInstance
|
const response = await axiosBaseInstance
|
||||||
.get(pathUrl, { headers })
|
.get(pathUrl, { headers })
|
||||||
.catch((error) => error.response);
|
.catch((error) => error.response);
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.data.success) {
|
if (response?.data.success) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -27,7 +26,6 @@ export async function httpPost(pathUrl: any, headers: any, data: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@ export async function httpGetInterceptor(pathUrl: any) {
|
||||||
const response = await axiosInterceptorInstance
|
const response = await axiosInterceptorInstance
|
||||||
.get(pathUrl)
|
.get(pathUrl)
|
||||||
.catch((error) => error.response);
|
.catch((error) => error.response);
|
||||||
console.log("Response interceptor : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -36,7 +35,6 @@ export async function httpPostInterceptor(
|
||||||
const response = await axiosInterceptorInstance
|
const response = await axiosInterceptorInstance
|
||||||
.post(pathUrl, data, { headers })
|
.post(pathUrl, data, { headers })
|
||||||
.catch((error) => error.response);
|
.catch((error) => error.response);
|
||||||
console.log("Response interceptor : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
@ -59,7 +57,6 @@ export async function httpDeleteInterceptor(pathUrl: any) {
|
||||||
const response = await axiosInterceptorInstance
|
const response = await axiosInterceptorInstance
|
||||||
.delete(pathUrl)
|
.delete(pathUrl)
|
||||||
.catch((error) => error.response);
|
.catch((error) => error.response);
|
||||||
console.log("Response interceptor : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
|
|
@ -186,7 +186,6 @@ async function httpGetTemp(pathUrl: any, headers: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,6 @@ async function tbnGetNews(pathUrl: any, headers: any) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
return error.response;
|
return error.response;
|
||||||
});
|
});
|
||||||
console.log("Response base svc : ", response);
|
|
||||||
if (response?.status == 200 || response?.status == 201) {
|
if (response?.status == 200 || response?.status == 201) {
|
||||||
return {
|
return {
|
||||||
error: false,
|
error: false,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue