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

fix: change clickCount filter to favorite and fix pagination in image admin

This commit is contained in:
Sabda Yagra 2025-11-11 21:11:25 +07:00
parent 5b6ffd0863
commit e5704c6bec
30 changed files with 86 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/[locale]/(protected)/contributor/content/image/components/table-image.tsx
View File

@ -34,7 +34,7 @@ import {
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { InputGroup, InputGroupText } from "@/components/ui/input-group"; import { InputGroup, InputGroupText } from "@/components/ui/input-group";
import { useParams } from "next/navigation"; import { useParams, useSearchParams } from "next/navigation";
import TablePagination from "@/components/table/table-pagination"; import TablePagination from "@/components/table/table-pagination";
import { listDataImage, listEnableCategory } from "@/service/content/content"; import { listDataImage, listEnableCategory } from "@/service/content/content";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
@ -47,8 +47,7 @@ const TableImage = () => {
const params = useParams(); const params = useParams();
const locale = params?.locale; const locale = params?.locale;
const MySwal = withReactContent(Swal); const MySwal = withReactContent(Swal);
const searchParams = useSearchParams();
// === STATES ===
const [dataTable, setDataTable] = React.useState<any[]>([]); const [dataTable, setDataTable] = React.useState<any[]>([]);
const [totalData, setTotalData] = React.useState<number>(1); const [totalData, setTotalData] = React.useState<number>(1);
const [totalPage, setTotalPage] = React.useState(1); const [totalPage, setTotalPage] = React.useState(1);
@ -63,8 +62,6 @@ const TableImage = () => {
const [page, setPage] = React.useState(1); const [page, setPage] = React.useState(1);
const [search, setSearch] = React.useState(""); const [search, setSearch] = React.useState("");
const [searchTimeout, setSearchTimeout] = React.useState<any>(null); const [searchTimeout, setSearchTimeout] = React.useState<any>(null);
// === FILTER STATES ===
const [categories, setCategories] = React.useState<any[]>([]); const [categories, setCategories] = React.useState<any[]>([]);
const [selectedCategories, setSelectedCategories] = React.useState<number[]>( const [selectedCategories, setSelectedCategories] = React.useState<number[]>(
[] []
@ -105,14 +102,9 @@ const TableImage = () => {
}, },
}); });
// === EFFECTS ===
React.useEffect(() => { React.useEffect(() => {
fetchData(); fetchData();
getCategories(); getCategories();
}, [categoryFilter, statusFilter, page, showData, startDate, endDate]);
React.useEffect(() => {
fetchData();
}, [ }, [
categoryFilter, categoryFilter,
statusFilter, statusFilter,
@ -121,11 +113,38 @@ const TableImage = () => {
filterByCreator, filterByCreator,
filterBySource, filterBySource,
filterByCreatorGroup, filterByCreatorGroup,
// search,
showData, showData,
page, page,
]); ]);
React.useEffect(() => {
const pageFromUrl = searchParams?.get("page");
if (pageFromUrl) {
setPage(Number(pageFromUrl));
}
}, [searchParams]);
// === EFFECTS ===
// React.useEffect(() => {
// fetchData();
// getCategories();
// }, [categoryFilter, statusFilter, page, showData, startDate, endDate]);
// React.useEffect(() => {
// fetchData();
// }, [
// categoryFilter,
// statusFilter,
// startDate,
// endDate,
// filterByCreator,
// filterBySource,
// filterByCreatorGroup,
// // search,
// showData,
// page,
// ]);
async function getCategories() { async function getCategories() {
const category = await listEnableCategory("1"); const category = await listEnableCategory("1");
const resCategory = category?.data?.data?.content; const resCategory = category?.data?.data?.content;

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/audio-visual.tsx
View File

@ -26,7 +26,7 @@ const VideoSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "2", contentTypeId: "2",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/audio.tsx
View File

@ -30,7 +30,7 @@ const AudioSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "4", contentTypeId: "4",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/image.tsx
View File

@ -30,7 +30,7 @@ const ImageSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "3", contentTypeId: "3",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/teks.tsx
View File

@ -30,7 +30,7 @@ const TeksSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "1", contentTypeId: "1",
}; };
const response = await getListContent(request); const response = await getListContent(request);

6
app/[locale]/(public)/(polda)/polda/[polda_name]/all/filter/page.tsx
View File

@ -68,7 +68,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/audio/filter/page.tsx
View File

@ -90,7 +90,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/audio/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/document/filter/page.tsx
View File

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -451,7 +451,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/document/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/image/filter/page.tsx
View File

@ -84,7 +84,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -432,7 +432,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/image/regional/page.tsx
View File

@ -78,7 +78,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/video/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -445,7 +445,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/video/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

2
app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx
View File

@ -119,7 +119,7 @@ const LatestNews = (props: { type: string }) => {
// } // }
async function fetchData() { async function fetchData() {
const sortBy = poldaName === "popular" ? "clickCount" : "createdAt"; const sortBy = poldaName === "popular" ? "favorite" : "createdAt";
const res = await listData("1", "", "", 5, 0, sortBy, "", "", poldaName); const res = await listData("1", "", "", 5, 0, sortBy, "", "", poldaName);
let data = res?.data?.data?.content; let data = res?.data?.data?.content;
setContent(data); setContent(data);

6
app/[locale]/(public)/(satker)/satker/[satker_name]/all/filter/page.tsx
View File

@ -68,7 +68,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(satker)/satker/[satker_name]/audio/filter/page.tsx
View File

@ -90,7 +90,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(satker)/satker/[satker_name]/document/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -442,7 +442,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(satker)/satker/[satker_name]/image/filter/page.tsx
View File

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -419,7 +419,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(satker)/satker/[satker_name]/video/filter/page.tsx
View File

@ -79,7 +79,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -434,7 +434,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

6
app/[locale]/(public)/all/filter/page.tsx
View File

@ -69,7 +69,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -98,7 +98,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -382,7 +382,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/audio/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -437,7 +437,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/document/filter/page.tsx
View File

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -453,7 +453,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/image/filter/page.tsx
View File

@ -85,7 +85,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -441,7 +441,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/regional/all-polda/audio/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/document/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/image/regional/page.tsx
View File

@ -78,7 +78,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/video/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

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

@ -69,7 +69,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -371,7 +371,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/video/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const poldaName = params?.polda_name; const poldaName = params?.polda_name;
const satkerName = params?.satker_name; const satkerName = params?.satker_name;
@ -451,7 +451,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);