Skip to content
Snippets Groups Projects
Select Git revision
  • f3b957a8fcd8c3852bdc62075d357ea55f58ad3d
  • main default protected
2 results

UserTimeInfo.js

Blame
  • UserTimeInfo.js 3.25 KiB
    import { useState,useEffect } from "react";
    import Button from "../components/Button";
    import CalendarWeek2 from "../components/CalendarWeek2"
    import "../styles/HomeMake.css"
    import axios from "axios";
    import { useNavigate, useLocation } from "react-router-dom";
    
    function UserTimeInfo() {
        const [state, setState] = useState(true);
        const [availableSchedules, setAvailableSchedules] = useState([]);
        const [availableTimes, setAvailableTimes] = useState([]);
    
    
        const location = useLocation();
        const {id} = location.state;
    
        const handleState = () => {
            setState((state) => !state);
        }
        const handleCalendar = (value) => {
            console.log('Selected Date:', value);
        };
    
        useEffect(() => {
            const fetchData = async () => {
                try {
                    const response = await axios.get(`http://43.200.79.42:3000/meetings/${id}/`);
                    console.log(response.data.title);
                } catch (error) {
                    console.error(error);
                }
            };
            fetchData();
        }, [id]); 
        const handleAlert = () => {
            let sat = [...availableTimes].sort();
    
            const aa = [];
            let t = [];
            let l = availableTimes[0];
    
            sat.forEach((em) => {
                if(parseInt(l/10)!==parseInt(em/10)){
                    t=[];
                }
                l = em;
                const newDate = new Date(parseInt(em));
                const availableDate = newDate.getFullYear() + '-' + newDate.getMonth() + '-' + newDate.getDate();
                t.push(em%10);
                aa.push({availableDate: availableDate, availableTimes: t})
            });
    
            const groupedData = aa.reduce((acc, item) => {
                if (!acc[item.availableDate]) {
                  acc[item.availableDate] = { availableDate: item.availableDate, availableTimes: new Set(item.availableTimes) };
                } else {
                  item.availableTimes.forEach(time => acc[item.availableDate].availableTimes.add(time));
                }
                return acc;
            }, {});
              
            const compressedData = Object.values(groupedData).map(item => {
            return { availableDate: item.availableDate, availableTimes: [...item.availableTimes] };
            });
            
            setAvailableSchedules(compressedData);
            console.log(availableSchedules);
            
            console.log(state);
        }