remix-nlux/packages/shared/src/components/Message/utils/applyNewDirectionClassName.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 {MessageDirection} from '../props';

export const directionClassName: {[key: string]: string} = {
    received: 'nlux_msg_received',
    sent: 'nlux_msg_sent',
};

export const applyNewDirectionClassName = (element: HTMLElement, direction: MessageDirection) => {
    const directions = Object.keys(directionClassName);
    directions.forEach((directionName) => {
        element.classList.remove(directionClassName[directionName]);
    });

    if (directionClassName[direction]) {
        element.classList.add(directionClassName[direction]);
    }
};