fix: auto scroll in modal landing

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

@@ -151,8 +151,10 @@ const EventModal = ({
     satker: false,
     international: false,
   });
-
-  const [agendaType, setAgendaType] = React.useState(""); // State untuk agendaType
+  const levelNumber = getCookiesDecrypt("ulne");
+  const userLevelId = getCookiesDecrypt("ulie");
+  const poldaState = Cookies.get("state");
+  const [agendaType, setAgendaType] = React.useState("");
   const [selectedPolda, setSelectedPolda] = useState<string[]>([]);
   const [selectedPolres, setSelectedPolres] = useState<string[]>([]);
   const [selectedSatker, setSelectedSatker] = useState<string[]>([]);
@@ -253,7 +255,7 @@ const EventModal = ({
 
   useEffect(() => {
     setIsDatePickerOpen(false);
-  }, [onClose])
+  }, [onClose]);
 
   const handleCheckboxChange = (levelId: number) => {
     setCheckedLevels((prev) => {
@@ -393,13 +395,7 @@ const EventModal = ({
       setIsAudioUploadFinish(true);
     }
     audioFiles.map(async (item: FileWithPreview, index: number) => {
-      await uploadResumableFile(
-        index,
-        String(id),
-        item, 
-        "4",
-        "0" 
-      );
+      await uploadResumableFile(index, String(id), item, "4", "0");
     });
     if (publish) {
       setIsPublishing(true);
@@ -742,7 +738,10 @@ const EventModal = ({
                 </div>
                 <div className="space-y-1.5">
                   <Label htmlFor="date">Tanggal</Label>
-                  <Popover open={isDatePickerOpen} onOpenChange={() => setIsDatePickerOpen(true)}>
+                  <Popover
+                    open={isDatePickerOpen}
+                    onOpenChange={() => setIsDatePickerOpen(true)}
+                  >
                     <PopoverTrigger asChild>
                       <Button
                         variant="outline"
@@ -789,6 +788,7 @@ const EventModal = ({
                 <div className="space-y-1.5">
                   <Label htmlFor="wilayahPublish">Jenis Agenda</Label>
                   <div className="flex flex-wrap items-center gap-2">
+                    {roleId === 1 && (
                       <div>
                         <Checkbox
                           id="semua"
@@ -799,6 +799,8 @@ const EventModal = ({
                           Semua
                         </label>
                       </div>
+                    )}
+                    {roleId === 1 && (
                       <div>
                         <Checkbox
                           id="nasional"
@@ -809,6 +811,8 @@ const EventModal = ({
                           Nasional
                         </label>
                       </div>
+                    )}
+
                     <div>
                       <Checkbox
                         id="polda"
@@ -829,6 +833,7 @@ const EventModal = ({
                         />
                       )}
                     </div>
+                    {(roleId === 1 || roleId === 4 || roleId === 3) && (
                       <div>
                         <Checkbox
                           id="polres"
@@ -849,6 +854,8 @@ const EventModal = ({
                           />
                         )}
                       </div>
+                    )}
+                    {(roleId === 1 || roleId === 2) && (
                       <div>
                         <Checkbox
                           id="satker"
@@ -869,6 +876,8 @@ const EventModal = ({
                           />
                         )}
                       </div>
+                    )}
+                    {roleId === 1 && (
                       <div>
                         <Checkbox
                           id="international"
@@ -882,6 +891,7 @@ const EventModal = ({
                           Internasional
                         </label>
                       </div>
+                    )}
                   </div>
                 </div>
 

components/landing-page/hero-new.tsx

@@ -162,7 +162,7 @@ const HeroModal = ({
           pagination={{ dynamicBullets: true }}
           modules={[Pagination, Autoplay]}
           onSwiper={(swiper) => (swiperRef.current = swiper)}
-          autoplay={{ delay: 3000 }}
+          autoplay={{ delay: 10000 }}
           className="mySwiper w-full"
         >
           {dataContent?.map((list: any) => (
@@ -311,7 +311,7 @@ const HeroNew = (props: { group?: string }) => {
   useEffect(() => {
     const timer = setTimeout(() => {
       setIsLoading(false);
-    }, 3000);
+    }, 10000);
 
     return () => clearTimeout(timer);
   }, []);