Skip to content

B
BoxDialer
Commit 88ca458d authored by Muhammadali's avatar Muhammadali
Browse files
Options

update version: 0.6.8

parent 9b87260a
Hide whitespace changes
Inline Side-by-side
Showing with 52 additions and 57 deletions
package.json
View file @ 88ca458d
{ {
"name": "boxdialer", "name": "boxdialer",
"version": "0.6.7", "version": "0.6.8",
"description": "", "description": "",
"main": "src/boxDialer.js", "main": "src/boxDialer.js",
"scripts": { "scripts": {
......
src/components/TailwindComponents/DropDown.jsx
View file @ 88ca458d
...@@ -2,67 +2,58 @@ ...@@ -2,67 +2,58 @@
import { Menu, Transition } from '@headlessui/react'; import { Menu, Transition } from '@headlessui/react';
import React, { Fragment } from 'react'; import React, { Fragment } from 'react';
import { styled } from 'styled-components';
function classNames(...classes) { function classNames(...classes) {
return classes.filter(Boolean).join(' '); return classes.filter(Boolean).join(' ');
} }
const Container = styled.div`
`;
const DropDownTailwind = ({ reasons, reason, selectFunc }) => { const DropDownTailwind = ({ reasons, reason, selectFunc }) => {
return ( return (
<Container> <Menu as='div' className='text-left w-full h-full'>
<Menu as='div' className='text-left w-full h-full'> <div className='w-full'>
<div className='w-full'> <Menu.Button
<Menu.Button style={{
style={{ backgroundColor: '#5e5e5e',
backgroundColor: '#5e5e5e', width: '100%',
width: '100%', height: '30px',
height: '30px', color: 'white',
color: 'white', display: 'flex',
display: 'flex', alignItems: 'center',
alignItems: 'center', }}
}} className='inline-flex justify-center rounded-md font-semibold text-gray-900 shadow-sm hover:bg-gray-50 gap-1 border-0 text-sm'>
className='inline-flex justify-center rounded-md font-semibold text-gray-900 shadow-sm hover:bg-gray-50 gap-1 border-0 text-sm'> {reason ? reason : 'Nothing'}
{reason ? reason : 'Nothing'} </Menu.Button>
</Menu.Button> </div>
</div>
{reasons && reasons.length && ( {reasons && reasons.length && (
<Transition <Transition
as={Fragment} as={Fragment}
enter='transition ease-out duration-100' enter='transition ease-out duration-100'
enterFrom='transform opacity-0 scale-95' enterFrom='transform opacity-0 scale-95'
enterTo='transform opacity-100 scale-100' enterTo='transform opacity-100 scale-100'
leave='transition ease-in duration-75' leave='transition ease-in duration-75'
leaveFrom='transform opacity-100 scale-100' leaveFrom='transform opacity-100 scale-100'
leaveTo='transform opacity-0 scale-95'> leaveTo='transform opacity-0 scale-95'>
<Menu.Items className='absolute left-1 bottom-0 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'> <Menu.Items className='absolute left-1 bottom-0 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'> <div className='py-3 flex flex-col'>
{reasons.map((value, index) => ( {reasons.map((value, index) => (
<Menu.Item onClick={() => selectFunc(value)} key={index}> <Menu.Item onClick={() => selectFunc(value)} key={index}>
{({ active }) => ( {({ active }) => (
<p <p
className={classNames( className={classNames(
active active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
? 'bg-gray-100 text-gray-900' 'block px-5 py-1 text-lg',
: 'text-gray-700', )}>
'block px-5 py-1 text-lg', {value}
)}> </p>
{value} )}
</p> </Menu.Item>
)} ))}
</Menu.Item> </div>
))} </Menu.Items>
</div> </Transition>
</Menu.Items> )}
</Transition> </Menu>
)}
</Menu>
</Container>
); );
}; };
......
src/components/WidjetButton/index.jsx
View file @ 88ca458d
...@@ -248,6 +248,7 @@ const WidjetButton = ({ data, onSetDnd, position }) => { ...@@ -248,6 +248,7 @@ const WidjetButton = ({ data, onSetDnd, position }) => {
</ModalPhoneDropDowm> </ModalPhoneDropDowm>
</WidjetBlock> </WidjetBlock>
<Modal <Modal
className='tailwindGlobalCss'
callAnswerType={modalState.callType} callAnswerType={modalState.callType}
hidden={ hidden={
modalState.bool modalState.bool
......
src/index.css
View file @ 88ca458d
* { /* * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} } */
/* @tailwind base; /* @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; */ @tailwind utilities; */
\ No newline at end of file .tailwindGlobalCss{
border: 5px solid red;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023