Reconmap/web-client

import Badge from "components/badges/Badge";
import UserLink from "components/users/Link";
import useFetch from "hooks/useFetch";
import DashboardWidget from "./Widget";

const RecentActivityWidget = () => {
    const [auditLog] = useFetch('/auditlog?limit=5');

    return <DashboardWidget title="Recent activity">

        {auditLog && auditLog.length > 0 ?
            <table className="rm-listing">
                <thead>
                    <tr>
                        <th>Action</th>
                        <th>User</th>
                        <th>Date/Time</th>
                    </tr>
                </thead>
                <tbody>
                    {auditLog.map(log => <tr key={log.id}>
                        <td><Badge>{log.action}</Badge></td>
                        <td>{log.user_name ?
                            <UserLink userId={log.user_id}>{log.user_name}</UserLink> : '-'}</td>
                        <td>{log.insert_ts}</td>
                    </tr>)}
                </tbody>
            </table> :
            <p>No activity to show.</p>
        }
    </DashboardWidget>
}

export default RecentActivityWidget;