fixed warnings

1f558f03 · Muhammadali · b37e426d · 1f558f03 · 1f558f03 · 1f558f03
Commit 1f558f03 authored Aug 21, 2023 by Muhammadali
5 changed files
--- a/package.json
+++ b/package.json
 {
 	"name": "boxdialer",
-	"version": "1.0.0",
+	"version": "0.0.1",
 	"description": "",
 	"main": "index.js",
 	"scripts": {

--- a/src/components/TailwindComponents/DropDown.jsx
+++ b/src/components/TailwindComponents/DropDown.jsx
@@ -35,8 +35,8 @@ const DropDownTailwind = ({ reasons, reason, selectFunc }) => {
 					leaveTo='transform opacity-0 scale-95'>
 					<Menu.Items className='absolute left-1 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none'>
 						<div className='py-3 flex flex-col'>
-							{reasons.map((value) => (
-								<Menu.Item onClick={() => selectFunc(value)}>
+							{reasons.map((value, index) => (
+								<Menu.Item onClick={() => selectFunc(value)} key={index}>
 									{({ active }) => (
 										<p
 											className={classNames(

--- a/src/components/WidjetButton/index.jsx
+++ b/src/components/WidjetButton/index.jsx
@@ -17,6 +17,7 @@ import DropDownTailwind from '../TailwindComponents/DropDown';
 import TimerUi from '../TimerUi';

 const WidjetButton = ({ data, onSetDnd }) => {
+	if (!data) {
 		data = {
 			iscloud: true,
 			number: '4003',
@@ -27,6 +28,7 @@ const WidjetButton = ({ data, onSetDnd }) => {
 			lefttime: 231461,
 			reasons: ['free', 'outcalls', 'home', 'totop'],
 		};
+	}

 	if (window?.alovoice_wsphone) {
 		data = window.alovoice_wsphone;

--- a/src/index.html
+++ b/src/index.html
@@ -9,6 +9,6 @@
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
-		<div id="app"></div>
+		<div id="boxdialer"></div>
 	</body>
 </html>
--- a/src/index.js
+++ b/src/index.js
 /** @format */

 import React from 'react';
-import ReactDOM from 'react-dom';
+// import ReactDOM from 'react-dom';
+import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Toaster } from 'react-hot-toast';
 import WidjetButton from './components/WidjetButton/index';
 import { BoxDialer } from './lib/boxDIaler';
 import './index.css';
+
 window.BoxDialer = new BoxDialer();
-ReactDOM.render(
+
+const container = document.getElementById('boxdialer');
+const root = createRoot(container);
+
+root.render(
 	<React.StrictMode>
 		<Toaster />
 		<WidjetButton />
 	</React.StrictMode>,
-	document.getElementById('app'),
 );