Lalochatbot

npm install lalochatbot_js

yarn add lalochatbot_js

usage

in the the page u want to show the chatplugin

example

// chatplugin inside App.js

import { useState } from "react";
import "./App.css";
import { SiLivechat } from "react-icons/si";
import ChatApp from "lalochatbot_js";

function App() {
  const [showEntry, setShowEntry] = useState(false);

  const toggleChatApp = () => {
    setShowEntry(!showEntry);
  };

  return (
    <div className="App">
      <SiLivechat className="home-icon" onClick={toggleChatApp} />
      {showEntry && <ChatApp closeApp={toggleChatApp} />}
    </div>
  );
}

export default App;

CSS for the SiLivechat home-icon

.home-icon {
  background-color: #199589;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 1%;
  margin: 0 1.5% 0.8% 0;
  height: 20px;
  width: 20px;
  border-radius: 5px;
  cursor: pointer;
}

Issues & Fixing

if You experience an issue like this:

Could not find a declaration file for module 'lalochatbot_js'. '...../node_modules/lalochatbot_js/lib/index.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/lalochatbot_js` if it exists or add a new declaration (.d.ts) file containing `declare module 'lalochatbot_js';`

simply create a declaration file for the module in the root of your project named lalochatbot_js.d.ts and add this line:

declare module 'lalochatbot_js';

hurray! is solved 🥳🥳🥳