// material-ui
import * as React from 'react';
import {FiDataGrid} from "components/FiDataGrid";
import {
    // Button,
    // Typography, 
    useMediaQuery
} from '@mui/material';
import * as DateUtils from "utils/DateUtils"
// import {useNavigate} from "react-router-dom";
// import {
//     isORGLoggedIn,
//   } from "utils/Utils";
import {useTheme} from "@emotion/react";
// import {getStatusIntl} from "utils/statusUtils/PublicNoteStatusUtils";
// import {
//     FormattedMessage, 
//     useIntl} from "react-intl";
// ==============================|| EVENT TABLE ||============================== //

export default function LoginGrid({rows}) {
    // const navigate = useNavigate()
    const theme = useTheme();
    const isMdOrLg = useMediaQuery(theme.breakpoints.up('md'));
    // const intl = useIntl();

    // const handleDetailClick = (params) => () => {
    //     navigate('/publicNotice/'+ params.id);
    // };

    // const remarkHeadername = rows.orgId===null?"我的備註":"Care Of / 我的備註"

    const columns = [
        {
            id: 'loginTime',
            field: 'loginTime',
            headerName: "Date Time",
            width: isMdOrLg ? 'auto' : 160,
            flex: isMdOrLg ? 1 : undefined,
            valueGetter:(params)=>{
                return DateUtils.datetimeStr(params?.value);
            }
        },
        {
            id: 'result',
            field: 'result',
            headerName: 'Result',
            width: isMdOrLg ? 'auto' : 300,
            flex: isMdOrLg ? 2 : undefined,
            valueGetter:(params)=>{
                let resultMessage = "";
                if (params.row.success>0){
                    resultMessage="Success"
                }
                if (params.row.success==0){
                    resultMessage="Fail"
                }
                if (params.row.success<0){
                    resultMessage= params.row.actionType + " by " + params.row.modifiedBy
                }
                return resultMessage;
            }
        },
    ];
    
    // function handleRowDoubleClick(params) {
    //     navigate('/publicNotice/'+ params.id);
    // }

    return (
        <div style={{minHeight: 200, height:"100%", width: '100%', padding: 4}}>
            <FiDataGrid
                rows={rows}
                columns={columns}
                customPageSize={10}
                // onRowDoubleClick={handleRowDoubleClick}
                getRowHeight={() => 'auto'}
            />
        </div>
    );
}