remix-nlux/packages/shared/src/components/ChatItem/utils/applyNewLayoutClassName.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 {ConversationLayout} from '../../../../../js/core/src/aiChat/options/conversationOptions';

export const conversationLayoutClassName: {[key: string]: string} = {
    bubbles: 'nlux-comp-chatItem--bubblesLayout',
    list: 'nlux-comp-chatItem--listLayout',
};

export const applyNewLayoutClassName = (element: HTMLElement, layout: ConversationLayout) => {
    const layouts = Object.keys(conversationLayoutClassName);
    layouts.forEach((layoutName) => {
        element.classList.remove(conversationLayoutClassName[layoutName]);
    });

    if (conversationLayoutClassName[layout]) {
        element.classList.add(conversationLayoutClassName[layout]);
    }
};