+
-
+
-
+
-
+
-
+
+
-
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/audio.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/audio.tsx
index 9fd22e87..2cca7129 100644
--- a/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/audio.tsx
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/audio.tsx
@@ -15,6 +15,7 @@ import {
textEllipsis,
} from "@/utils/globals";
import { Icon } from "@iconify/react/dist/iconify.js";
+import { hasData } from "jquery";
import { useParams, usePathname, useRouter } from "next/navigation";
import React, { Component, useEffect, useState } from "react";
@@ -24,18 +25,18 @@ const AudioSliderPage = () => {
const [page, setPage] = useState(1);
const [limit, setLimit] = React.useState(10);
const [search, setSearch] = React.useState("");
-
+ const [hasData, setHasData] = useState(false);
useEffect(() => {
initFetch();
}, [page, limit, search]);
- useEffect(() => {
- if (audioData?.length > 0) {
- shuffleAndSetVideos();
- const interval = setInterval(shuffleAndSetVideos, 5000);
- return () => clearInterval(interval); // Cleanup interval on unmount
- }
- }, [audioData]);
+ // useEffect(() => {
+ // if (audioData?.length > 0) {
+ // shuffleAndSetVideos();
+ // const interval = setInterval(shuffleAndSetVideos, 5000);
+ // return () => clearInterval(interval); // Cleanup interval on unmount
+ // }
+ // }, [audioData]);
const initFetch = async () => {
const response = await listCuratedContent(search, limit, page - 1, 4, "1");
@@ -43,13 +44,14 @@ const AudioSliderPage = () => {
const data = response?.data?.data;
const contentData = data?.content;
- setAudioData(contentData);
+ setHasData(displayAudio && displayAudio.length > 0);
+ setDisplayAudio(contentData);
};
- const shuffleAndSetVideos = () => {
- const shuffled = shuffleArray([...audioData]);
- setDisplayAudio(shuffled.slice(0, 3));
- };
+ // const shuffleAndSetVideos = () => {
+ // const shuffled = shuffleArray([...audioData]);
+ // setDisplayAudio(shuffled.slice(0, 3));
+ // };
const shuffleArray = (array: any[]) => {
for (let i = array.length - 1; i > 0; i--) {
@@ -60,69 +62,46 @@ const AudioSliderPage = () => {
};
return (
-
+
();
+ const [displayAudio, setDisplayAudio] = useState([]);
+ const [page, setPage] = useState(1);
+ const [limit, setLimit] = React.useState(10);
+ const [search, setSearch] = React.useState("");
+
+ useEffect(() => {
+ initFetch();
+ }, [page, limit, search]);
+
+ useEffect(() => {
+ if (audioData?.length > 0) {
+ shuffleAndSetVideos();
+ const interval = setInterval(shuffleAndSetVideos, 5000);
+ return () => clearInterval(interval); // Cleanup interval on unmount
+ }
+ }, [audioData]);
+
+ const initFetch = async () => {
+ const response = await listCuratedContent(search, limit, page - 1, 4, "1");
+ console.log(response);
+
+ const data = response?.data?.data;
+ const contentData = data?.content;
+ setAudioData(contentData);
+ };
+
+ const shuffleAndSetVideos = () => {
+ const shuffled = shuffleArray([...audioData]);
+ setDisplayAudio(shuffled.slice(0, 3));
+ };
+
+ const shuffleArray = (array: any[]) => {
+ for (let i = array.length - 1; i > 0; i--) {
+ const j = Math.floor(Math.random() * (i + 1));
+ [array[i], array[j]] = [array[j], array[i]];
+ }
+ return array;
+ };
+
+ return (
+
Table Penugasan
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/audio.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/audio.tsx
new file mode 100644
index 00000000..59a9759c
--- /dev/null
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/audio.tsx
@@ -0,0 +1,129 @@
+"use client";
+import { Link } from "@/components/navigation";
+import {
+ Carousel,
+ CarouselContent,
+ CarouselItem,
+ CarouselNext,
+ CarouselPrevious,
+} from "@/components/ui/carousel";
+import { listCuratedContent } from "@/service/curated-content/curated-content";
+import { getListContent } from "@/service/landing/landing";
+import {
+ formatDateToIndonesian,
+ generateLocalizedPath,
+ textEllipsis,
+} from "@/utils/globals";
+import { Icon } from "@iconify/react/dist/iconify.js";
+import { useParams, usePathname, useRouter } from "next/navigation";
+import React, { Component, useEffect, useState } from "react";
+
+const AudioAll = () => {
+ const [audioData, setAudioData] = useState
+
+ );
+};
+
+export default AudioAll;
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/page.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/page.tsx
index feb9ce71..a98d9b75 100644
--- a/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/page.tsx
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/audio/all/page.tsx
@@ -23,6 +23,7 @@ import AudioSliderPage from "../../audio/audio";
import TeksSliderPage from "../../document/teks";
import ImageSliderPage from "../../image/image";
import VideoSliderPage from "../../video/audio-visual";
+import AudioAll from "./audio";
const AudioAllPage = () => {
return (
@@ -56,7 +57,7 @@ const AudioAllPage = () => {
+ {displayAudio?.map((audio: any) => (
+
+
+
+
+
+
+
+
+
+ {formatDateToIndonesian(new Date(audio?.createdAt))}{" "}
+ {audio?.timezone ? audio?.timezone : "WIB"} |{" "}
+
+
+ {audio?.title}
+
+
+
+
+ ))}
+
+ 
+
+
+
+ 
+
+
+
+ {audio?.duration}
+
+
+
-
-
-
- {displayAudio?.map((audio: any) => (
-
-
+
+
-
-
-
-
-
-
- {formatDateToIndonesian(new Date(audio?.createdAt))}{" "}
- {audio?.timezone ? audio?.timezone : "WIB"} |{" "}
-
-
- {audio?.title}
-
-
-
-
-
-
-
-
-
-
-
+
))}
-
-
- {audio?.duration}
-
- Kurasi Detail
-
+
+
-
@@ -417,7 +417,7 @@ export default function DetailAudio() {
+
-
@@ -482,8 +482,8 @@ export default function DetailAudio() {
-
+
+
-
@@ -558,7 +558,7 @@ export default function DetailAudio() {
+