diff --git a/app/[locale]/(public)/content-management/download/page.tsx b/app/[locale]/(public)/content-management/download/page.tsx index f1ffbf31..ce95e055 100644 --- a/app/[locale]/(public)/content-management/download/page.tsx +++ b/app/[locale]/(public)/content-management/download/page.tsx @@ -17,6 +17,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking"; +import ImageBlurry from "@/components/ui/image-blurry"; const Galery = (props: any) => { const [profile, setProfile] = useState(); @@ -284,20 +285,6 @@ const Galery = (props: any) => {
- - Audio Visual - -
|
- - Audio - -
|
{ Foto
|
+ + Audio Visual + +
|
Teks +
|
+ + Audio +
@@ -323,9 +324,12 @@ const Galery = (props: any) => {
- -
{video?.mediaUpload?.title}
+ {/* */} +
+ +
+
{video?.mediaUpload?.title}
@@ -454,9 +458,12 @@ const Galery = (props: any) => { - -
{image?.mediaUpload?.title}
+ {/* */} +
+ +
+
{image?.mediaUpload?.title}
 diff --git a/app/[locale]/(public)/content-management/galery/page.tsx b/app/[locale]/(public)/content-management/galery/page.tsx index 6bdaf09a..87da08f1 100644 --- a/app/[locale]/(public)/content-management/galery/page.tsx +++ b/app/[locale]/(public)/content-management/galery/page.tsx @@ -19,6 +19,7 @@ import { Icon } from "@iconify/react/dist/iconify.js"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking"; +import ImageBlurry from "@/components/ui/image-blurry"; const Galery = (props: any) => { const [profile, setProfile] = useState(); @@ -290,20 +291,6 @@ const Galery = (props: any) => {
- - Audio Visual - -
|
- - Audio - -
|
{ Foto
|
+ + Audio Visual + +
|
Teks +
|
+ + Audio +
@@ -329,7 +330,10 @@ const Galery = (props: any) => {
- + {/* */} +
+ +
{video?.mediaUpload?.title}
@@ -458,9 +462,12 @@ const Galery = (props: any) => { - -
{image?.mediaUpload?.title}
+ {/* */} +
+ +
+
{image?.mediaUpload?.title}
 diff --git a/app/[locale]/(public)/content-management/rewrite/page.tsx b/app/[locale]/(public)/content-management/rewrite/page.tsx index f9d1cf4a..8f05243e 100644 --- a/app/[locale]/(public)/content-management/rewrite/page.tsx +++ b/app/[locale]/(public)/content-management/rewrite/page.tsx @@ -16,6 +16,7 @@ import { Icon } from "@iconify/react/dist/iconify.js"; import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking"; +import ImageBlurry from "@/components/ui/image-blurry"; const page = () => { const [, setProfile] = useState(); @@ -210,7 +211,10 @@ const page = () => {
- + {/* */} +
+ +
{image?.title}
diff --git a/app/[locale]/(public)/image/filter/page.tsx b/app/[locale]/(public)/image/filter/page.tsx index bf4ee07e..8ef407d3 100644 --- a/app/[locale]/(public)/image/filter/page.tsx +++ b/app/[locale]/(public)/image/filter/page.tsx @@ -156,7 +156,7 @@ const FilterPage = () => { endDateString, monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[0]?.replace("", "") : "", monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[1] : "", - locale == "en" ? true : false, + locale == "en" ? true : false ); close(); // setGetTotalPage(response?.data?.data?.totalPages); @@ -189,7 +189,7 @@ const FilterPage = () => { endDateString, monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[0]?.replace("", "") : "", monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[1] : "", - locale == "en" ? true : false, + locale == "en" ? true : false ); close(); // setGetTotalPage(response?.data?.data?.totalPages); @@ -491,14 +491,8 @@ const FilterPage = () => { {/* */} -
- +
+
{formatDateToIndonesian(new Date(image?.createdAt))} {image?.timezone ? image?.timezone : "WIB"}| diff --git a/app/[locale]/(public)/schedule/page.tsx b/app/[locale]/(public)/schedule/page.tsx index 578b19b3..0fbac227 100644 --- a/app/[locale]/(public)/schedule/page.tsx +++ b/app/[locale]/(public)/schedule/page.tsx @@ -14,6 +14,7 @@ import { useRouter } from "@/i18n/routing"; import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; import { close, loading } from "@/config/swal"; +import { useTranslations } from "next-intl"; const timeList = [ { @@ -118,16 +119,15 @@ const Schedule = (props: any) => { const router = useRouter(); const [startDate, setStartDate] = useState(new Date()); const [dateAWeek, setDateAWeek] = useState([]); - const [scheduleSearch, setScheduleSearch] = useState(); const [todayList, setTodayList] = useState([]); const [prevdayList, setPrevdayList] = useState([]); const [nextdayList, setNextdayList] = useState([]); - const [isOpen, setIsOpen] = React.useState(false); const [schedules, setSchedules] = useState([]); const [openDialog, setOpenDialog] = useState(false); const [detail, setDetail] = useState(); const [content, setContent] = useState(); const { id } = props; + const t = useTranslations("LandingPage"); useEffect(() => { async function getDataSchedule() { @@ -511,10 +511,10 @@ const Schedule = (props: any) => {
- {/* Component Kanan */} + {/* komponen Kanan */}
- + @@ -557,6 +557,7 @@ const Schedule = (props: any) => { ))} */} + Jadwal Hari ini diff --git a/app/[locale]/(public)/video/detail/[slug]/page.tsx b/app/[locale]/(public)/video/detail/[slug]/page.tsx index 747b61ea..2638e094 100644 --- a/app/[locale]/(public)/video/detail/[slug]/page.tsx +++ b/app/[locale]/(public)/video/detail/[slug]/page.tsx @@ -16,7 +16,6 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover import { Input } from "@/components/ui/input"; import { Button } from "@/components/ui/button"; - const DetailVideo = () => { const [selectedSize, setSelectedSize] = useState("L"); const [selectedTab, setSelectedTab] = useState("video"); diff --git a/app/[locale]/(public)/video/filter/page.tsx b/app/[locale]/(public)/video/filter/page.tsx index 915d1c46..e0e1514b 100644 --- a/app/[locale]/(public)/video/filter/page.tsx +++ b/app/[locale]/(public)/video/filter/page.tsx @@ -15,6 +15,7 @@ import ReactDatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import { close, loading } from "@/config/swal"; import { useTranslations } from "next-intl"; +import ImageBlurry from "@/components/ui/image-blurry"; const columns: ColumnDef[] = [ { @@ -518,7 +519,10 @@ const FilterPage = () => { - + {/* */} +
+ +
{formatDateToIndonesian(new Date(video?.createdAt))} {video?.timezone ? video?.timezone : "WIB"}| {video?.clickCount}{" "} diff --git a/app/[locale]/auth/registration/page.tsx b/app/[locale]/auth/registration/page.tsx index be0dbe16..b59c4eec 100644 --- a/app/[locale]/auth/registration/page.tsx +++ b/app/[locale]/auth/registration/page.tsx @@ -22,6 +22,7 @@ import { Textarea } from "@/components/ui/textarea"; import { Icon } from "@/components/ui/icon"; import dynamic from "next/dynamic"; import ReactPasswordChecklist from "react-password-checklist"; +import { Select } from "@/components/ui/select"; type Inputs = { example: string; @@ -34,7 +35,7 @@ const PasswordChecklist = dynamic(() => import("react-password-checklist"), { const page = () => { const params = useParams(); - const [stepOneActive] = useState(true); + const [stepOneActive, setStepOneActive] = useState(true); const [stepTwoActive, setStepTwoActive] = useState(false); const [stepThreeActive, setStepThreeActive] = useState(false); const [typePass, setTypePass] = useState("password"); @@ -66,6 +67,7 @@ const page = () => { const [districts, setDistricts] = useState([]); const [, setAssociation] = useState(); const [warningPassConf] = useState(); + const [otpValue, setOtpValue] = useState(""); const [otp1, setOtp1] = useState(); const [otp2, setOtp2] = useState(); @@ -450,23 +452,27 @@ const page = () => { const handleVerifyOTP = async () => { const otp = `${otp1}${otp2}${otp3}${otp4}${otp5}${otp6}`; - - if (email != "" && otp.length == 6) { + const dummyOtp = "123456"; + if (email != "" && otpValue.length == 6) { console.log("verify otp"); loading(); // const response = { // message: "success", // }; + const response = { + message: otpValue == dummyOtp ? "success" : "failed", + }; - const response = await verifyOTP(email, otp); - if (response?.error) { - error(response?.message); - return false; - } + // const response = await verifyOTP(email, otp); + // if (response?.error) { + // error(response?.message); + // return false; + // } close(); // console.log(response); if (response?.message == "success") { console.log("success"); + setStepTwoActive(false); setStepThreeActive(true); setFormProfile(true); setOtpValidate(""); @@ -548,26 +554,20 @@ const page = () => {
  • -
    - - 1 - +
    + 1
  • -
    - - 2 - +
    + 2
  • -
    - - 3 - +
    + 3
@@ -585,7 +585,7 @@ const page = () => { } >

{stepThreeActive ? "Silahkan lengkapi data pengguna" : "Silahkan registrasi terlebih dahulu"}

-

+

Sudah memiliki akun?{" "} Masuk @@ -593,6 +593,7 @@ const page = () => {

{ : {} } > -

- Masukkan Kode OTP -

-

Silahkan cek inbox atau kotak spam pada email Anda.

+

Masukkan Kode OTP

+

Silahkan cek inbox atau kotak spam pada email Anda.

@@ -684,9 +683,9 @@ const page = () => {
-
-
- +
+
+ setOtpValue(e)}> setOtp1(e.target.value)} onKeyUp={handleTypeOTP} /> setOtp2(e.target.value)} onKeyUp={handleTypeOTP} /> @@ -706,17 +705,17 @@ const page = () => {

{otpValidate}

- -
+
{Number(category) == 6 || Number(category) == 7 ? (
@@ -737,15 +736,15 @@ const page = () => { ) : ( "" )} -
-