Commit 891b2efc authored by Muhammadali's avatar Muhammadali

update version: 0.9.6

parent 219c9a38
{ {
"name": "boxdialer", "name": "boxdialer",
"version": "0.9.5", "version": "0.9.6",
"description": "", "description": "",
"main": "src/boxDialer.js", "main": "src/boxDialer.js",
"scripts": { "scripts": {
......
...@@ -9,7 +9,7 @@ const DropDown = ({ reasons, reason, selectFunc }) => { ...@@ -9,7 +9,7 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
return ( return (
<DropDownStyle onClick={() => setVisible(!visible)} className='nocopy'> <DropDownStyle onClick={() => setVisible(!visible)} className='nocopy'>
<DropDownStyle.Text>{reason}</DropDownStyle.Text> <DropDownStyle.Text>{reason}</DropDownStyle.Text>
<DropDownStyle.DropDown visibleValue={visible} className={'nocopy'}> <DropDownStyle.DropDown visiblevalue={visible} className={'nocopy'}>
{reasons.map((value, index) => ( {reasons.map((value, index) => (
<div className='select' key={index} onClick={() => selectFunc(value)}> <div className='select' key={index} onClick={() => selectFunc(value)}>
{value} {value}
...@@ -17,7 +17,7 @@ const DropDown = ({ reasons, reason, selectFunc }) => { ...@@ -17,7 +17,7 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
))} ))}
</DropDownStyle.DropDown> </DropDownStyle.DropDown>
<DropDownStyle.Window <DropDownStyle.Window
visibleValue={visible} visiblevalue={visible}
onClick={() => setVisible(false)} onClick={() => setVisible(false)}
/> />
</DropDownStyle> </DropDownStyle>
......
...@@ -14,7 +14,7 @@ DropDownStyle.Text = styled.div` ...@@ -14,7 +14,7 @@ DropDownStyle.Text = styled.div`
font-size: 22px; font-size: 22px;
`; `;
DropDownStyle.Window = styled.div` DropDownStyle.Window = styled.div`
display: ${({ visibleValue }) => (visibleValue ? 'block' : 'none')}; display: ${({ visiblevalue }) => (visiblevalue ? 'block' : 'none')};
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -43,8 +43,8 @@ DropDownStyle.DropDown = styled.div` ...@@ -43,8 +43,8 @@ DropDownStyle.DropDown = styled.div`
background-color: #e9e9e9; background-color: #e9e9e9;
} }
} }
${({ visibleValue }) => ${({ visiblevalue }) =>
visibleValue visiblevalue
? { ? {
opacity: '1', opacity: '1',
transform: 'scale(1) translate(-50%, 0)', transform: 'scale(1) translate(-50%, 0)',
......
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