mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update fixing error regional filter

This commit is contained in:
hanif salafi 2025-09-19 02:50:49 +07:00
parent 6fc2dd70af
commit b72e145227
6 changed files with 75 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/[locale]/(public)/regional/filter/page.tsx
View File

@ -745,7 +745,6 @@ export default function FilterPage() {
startDateString={startDateString}
endDateString={endDateString}
monthYearFilter={monthYearFilter}
isRegionalCall={true}
/>
</div>
</div>

12
components/landing-page/filter-all/audio-filter-card.tsx
View File

@ -77,11 +77,16 @@ export default function FilterAudioComponent(props: {
let startDateFilter = startDateString ? startDateString : "";
let endDateFilter = endDateString ? endDateString : "";
let monthFilter = monthYearFilter ? monthYearFilter : "";
const search = title == undefined ? "" : title;
const filter =
categoryFilter?.length > 0
? categoryFilter?.sort().join(",")
: categorie || "";
const response = await listDataRegional(
"4",
"",
"",
search,
filter,
"",
"",
startDateFilter,
@ -95,7 +100,8 @@ export default function FilterAudioComponent(props: {
const contentData = data?.content;
setNewContent(contentData);
setTotalData(data?.totalElements);
// setLoading(false);
setTotalPage(data?.totalPages);
setTotalContent(data?.totalElements);
}
useEffect(() => {

13
components/landing-page/filter-all/document-filter-card.tsx
View File

@ -79,10 +79,16 @@ export default function FilterDocumentComponent(props: {
let endDateFilter = endDateString ? endDateString : "";
let monthFilter = monthYearFilter ? monthYearFilter : "";
const search = title == undefined ? "" : title;
const filter =
categoryFilter?.length > 0
? categoryFilter?.sort().join(",")
: categorie || "";
const response = await listDataRegional(
"3",
"",
"",
search,
filter,
"",
"",
startDateFilter,
@ -96,7 +102,8 @@ export default function FilterDocumentComponent(props: {
const contentData = data?.content;
setNewContent(contentData);
setTotalData(data?.totalElements);
// setLoading(false);
setTotalPage(data?.totalPages);
setTotalContent(data?.totalElements);
}
async function getDataAll() {

37
components/landing-page/filter-all/image-filter-card.tsx
View File

@ -117,10 +117,16 @@ export default function FilterImageComponent(props: {
let endDateFilter = endDateString ? endDateString : "";
let monthFilter = monthYearFilter ? monthYearFilter : "";
const search = title == undefined ? "" : title;
const filter =
categoryFilter?.length > 0
? categoryFilter?.sort().join(",")
: categorie || "";
const response = await listDataRegional(
"1",
"",
"",
search,
filter,
"",
"",
startDateFilter,
@ -134,7 +140,8 @@ export default function FilterImageComponent(props: {
const contentData = data?.content;
setNewContent(contentData);
setTotalData(data?.totalElements);
// setLoading(false);
setTotalPage(data?.totalPages);
setTotalContent(data?.totalElements);
}
const basePath = asPath.includes("/polda/")
@ -205,17 +212,19 @@ export default function FilterImageComponent(props: {
// whileHover={{ scale: 0.95 }}
// transition={{ duration: 0.3 }}
>
<Image
priority={true}
// placeholder={`data:image/svg+xml;base64,${toBase64(
// shimmer(700, 475)
// )}`}
width={2560}
height={1440}
alt="image"
src={image?.smallThumbnailLink}
className="w-full h-full object-cover"
/>
{image?.thumbnailLink &&
<Image
priority={true}
// placeholder={`data:image/svg+xml;base64,${toBase64(
// shimmer(700, 475)
// )}`}
width={2560}
height={1440}
alt="image"
src={image?.thumbnailLink}
className="w-full h-full object-cover"
/>
}
</div>
{/* Badge category */}

18
components/landing-page/filter-all/indeks-filter-card.tsx
View File

@ -171,14 +171,16 @@ export default function IndeksCarouselComponent(props: {
className="cursor-pointer relative group overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300"
>
<div className="w-full h-48 lg:h-60">
<Image
priority
width={2560}
height={1440}
alt="image"
src={image?.thumbnailLink}
className="w-full h-full object-cover"
/>
{image?.thumbnailLink &&
<Image
priority
width={2560}
height={1440}
alt="image"
src={image?.thumbnailLink}
className="w-full h-full object-cover"
/>
}
</div>
<div className="p-4 h-full flex flex-col justify-between">

37
components/landing-page/filter-all/video-filter-card.tsx
View File

@ -79,10 +79,16 @@ export default function FilterVideoComponent(props: {
let endDateFilter = endDateString ? endDateString : "";
let monthFilter = monthYearFilter ? monthYearFilter : "";
const search = title == undefined ? "" : title;
const filter =
categoryFilter?.length > 0
? categoryFilter?.sort().join(",")
: categorie || "";
const response = await listDataRegional(
"2",
"",
"",
search,
filter,
"",
"",
startDateFilter,
@ -96,7 +102,8 @@ export default function FilterVideoComponent(props: {
const contentData = data?.content;
setNewContent(contentData);
setTotalData(data?.totalElements);
// setLoading(false);
setTotalPage(data?.totalPages);
setTotalContent(data?.totalElements);
}
async function getDataAll() {
@ -165,17 +172,19 @@ export default function FilterVideoComponent(props: {
// whileHover={{ scale: 0.95 }}
// transition={{ duration: 0.3 }}
>
<Image
priority={true}
// placeholder={`data:image/svg+xml;base64,${toBase64(
// shimmer(700, 475)
// )}`}
alt="video"
width={2560}
height={1440}
src={video?.smallThumbnailLink}
className="w-full h-full object-cover"
/>
{video?.thumbnailLink &&
<Image
priority={true}
// placeholder={`data:image/svg+xml;base64,${toBase64(
// shimmer(700, 475)
// )}`}
alt="video"
width={2560}
height={1440}
src={video?.thumbnailLink}
className="w-full h-full object-cover"
/>
}
</div>
{/* Badge category */}