import React from 'react'
import ReactDOM from 'react-dom';

import { Alert } from 'antd';


class Utils {
    static months = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]
    static days = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ]

    // Converts the ISO date format to a simpler form.
    static DateString = (stamp, showTime) => {
        if(!stamp) {
            return ""
        }

        let d = new Date(stamp)

        let out = Utils.days[d.getDay()] + ", " + d.getDate() + " " + Utils.months[d.getMonth()] + " " + d.getFullYear()
        if(showTime) {
            out += " " + d.getHours() + ":" + d.getMinutes()
        }

        return out
    }

    // HttpError takes an axios error and returns an error dict after some sanity checks.
    static HttpError = (err) => {
        if (!err.response) {
            return err
        }
        
        if(!err.response.data || !err.response.data.message) {
            return {
                "message": err.message + " - " + err.response.request.responseURL,
                "data": {}
            }            
        }

        return {
            "message": err.response.data.message,
            "data": err.response.data.data
        }
    }

    // Shows a flash message.
    static Alert = (msg, msgType) => {
        document.getElementById('alert-container').classList.add('visible')
        ReactDOM.render(<Alert message={ msg } type={ msgType } showIcon />,
            document.getElementById('alert-container'))
    }
    static ModalAlert = (msg, msgType) => {
        document.getElementById('modal-alert-container').classList.add('visible')
        ReactDOM.render(<Alert message={ msg } type={ msgType } showIcon />,
            document.getElementById('modal-alert-container'))
    }
}

export default Utils