apisearch-events-ui/src/components/RawEvents/helpers.js

Javascript User Interface to visualize all events data.

import moment from "moment";

/**
 * Format events object to display more information
 * on the default template.
 *
 * @param events
 */
export const formatEvents = function(events) {
    return events.map((event) => {
        event = {
            ...event,
            occurred_on_relative_time: moment
                .unix(`${event.occurred_on / 1000000}`)
                .fromNow()
        };

        if (event.name === 'ItemsWereIndexed') {
            event = {
                ...event,
                html_name: `<span class="as-rawEvents__label as-rawEvents__label--index">Index</span>`
            }
        }

        if (event.name === 'ItemsWereDeleted') {
            event = {
                ...event,
                html_name: `<span class="as-rawEvents__label as-rawEvents__label--delete">Delete</span>`
            }
        }

        if (event.name === 'QueryWasMade') {
            event = {
                ...event,
                html_name: `<span class="as-rawEvents__label as-rawEvents__label--query">Query</span>`
            }
        }

        return event;
    })
};