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

feat: update filter in agenda settings

This commit is contained in:
hanif salafi 2025-02-04 14:22:51 +07:00
parent 5afbb9d5f4
commit 56514ef878
4 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/[locale]/(protected)/contributor/agenda-setting/calender-view.tsx
View File

@ -609,7 +609,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
if (selectedCategory?.length === categories?.length) {
setSelectedCategory([]);
} else {
setSelectedCategory(categories.map((c) => c.value));
setSelectedCategory(categories?.map((c) => c.value));
}
}}
/>

1
app/[locale]/(protected)/contributor/agenda-setting/data.ts
View File

@ -125,7 +125,6 @@ export const categories = [
{
label: "Polda",
value: "polda",
className:
"data-[state=checked]:bg-blue-400 data-[state=checked]:ring-blue-400",
},

2
app/[locale]/(protected)/contributor/agenda-setting/event-modal.tsx
View File

@ -382,7 +382,7 @@ const EventModal = ({
setStartDate(event?.event?.start);
setEndDate(event?.event?.end);
const eventCalendar = event?.event?.extendedProps?.calendar;
setAgendaType(eventCalendar || categories[0].value);
setAgendaType(eventCalendar || categories?.length > 0 && categories[0].value);
}
setValue("title", event?.event?.title || "");
setValue("description", event?.event?.description || "");

48
app/[locale]/(protected)/contributor/agenda-setting/page.tsx
View File

@ -1,17 +1,49 @@
"use client"
import { getEvents, getCategories } from "./utils";
import { calendarEvents, Category } from "./data";
import CalendarView from "./calender-view";
import { getCookiesDecrypt } from "@/lib/utils";
import { useEffect, useState } from "react";
import { CalendarCategory } from "./data";
const CalenderPage = () => {
const [categories, setCategories] = useState<CalendarCategory[]>([]);
const userLevelNumber = Number(getCookiesDecrypt("ulne")) || 0;
const userLevelId = Number(getCookiesDecrypt("ulie")) || 0;
const userParentLevelId = Number(getCookiesDecrypt("uplie")) || 0;
useEffect(() => {
initData();
async function initData() {
const events = await getEvents();
const categories = await getCategories();
let valueShowed : string[] = [];
if (userLevelNumber == 1) {
valueShowed = ['mabes', 'polda', 'polres', 'satker', 'international'];
} else if (userLevelNumber == 2 && userLevelId != 761) {
valueShowed = ['polda', 'polres'];
} else if ((userLevelNumber == 2 && userLevelId == 761) || (userLevelNumber == 3 && userParentLevelId == 761)) {
valueShowed = ['satker'];
} else if (userLevelNumber == 3 && userParentLevelId != 761) {
valueShowed = ['polres'];
}
const formattedCategories = categories.filter((category: Category) => valueShowed.includes(category.value))
.map((category: Category) => ({
...category,
activeClass: "",
}));
console.log(formattedCategories);
setCategories(formattedCategories);
}
}, []);
const CalenderPage = async () => {
const events = await getEvents();
const categories = await getCategories();
const formattedCategories = categories.map((category: Category) => ({
...category,
activeClass: "",
}));
return (
<div>
<CalendarView categories={formattedCategories} />
{categories && <CalendarView categories={categories} />}
</div>
);
};