remix-nlux/packages/shared/src/components/Composer/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 {ComposerStatus} from '../props';

export const statusClassName: {[key: string]: string} = {
    typing: 'nlux-composer--typing',
    'submitting-prompt': 'nlux-composer--submitting',
    'submitting-conversation-starter': 'nlux-composer--submitting',
    waiting: 'nlux-composer--waiting',
};

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

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