remix-nlux/packages/shared/src/components/Message/utils/applyNewStatusClassName.ts

Remix IDE NLUX integration. Remix IDE is the leading IDE for building and deploying smart contracts on Ethereum. NLUX is a JavaScript and React library for building conversational AI experiences.

import {MessageStatus} from '../props';

export const statusClassName: {[key: string]: string} = {
    streaming: 'nlux_msg_streaming',
    complete: 'nlux_msg_complete',
};

export const applyNewStatusClassName = (element: HTMLElement, status: MessageStatus) => {
    const statuses = Object.keys(statusClassName);
    statuses.forEach((statusName) => {
        element.classList.remove(statusClassName[statusName]);
    });

    if (statusClassName[status]) {
        element.classList.add(statusClassName[status]);
    }
};