update verison: 0.9.7

package.json

 {
 	"name": "boxdialer",
-	"version": "0.9.6",
+	"version": "0.9.7",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/DropDown/index.jsx

@@ -4,10 +4,12 @@ import React, { useState } from 'react';
 import DropDownStyle from './style';
 
 const DropDown = ({ reasons, reason, selectFunc }) => {
-	const [visible, setVisible] = useState(false);
+	const [visible, setVisible] = useState(0);
 
 	return (
-		<DropDownStyle onClick={() => setVisible(!visible)} className='nocopy'>
+		<DropDownStyle
+			onClick={() => setVisible(visible == 0 ? 0 : 1)}
+			className='nocopy'>
 			<DropDownStyle.Text>{reason}</DropDownStyle.Text>
 			<DropDownStyle.DropDown visiblevalue={visible} className={'nocopy'}>
 				{reasons.map((value, index) => (
@@ -18,7 +20,7 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
 			</DropDownStyle.DropDown>
 			<DropDownStyle.Window
 				visiblevalue={visible}
-				onClick={() => setVisible(false)}
+				onClick={() => setVisible(0)}
 			/>
 		</DropDownStyle>
 	);