fix props selection input

src/components/Common/Input.js

@@ -53,7 +53,7 @@ export function FormInput(props) {
 }
 
 export function FormInputSelection(props) {
-  const { data: [name, val], onRemove, onFormClick } = props
+  const { data: [name, val], onRemove, onClick, ...restProps } = props
   return (
     <Box>
       <FormControl id={name} mb="3">
@@ -64,19 +64,24 @@ export function FormInputSelection(props) {
             type={"text"}
             value={val}
             readOnly={true}
-            {...props}
+            {...restProps}
             bg={"gray.100"}
-            onClick={onFormClick}
+            onClick={onClick}
           />
           {onRemove && val ? 
             (
               <InputRightAddon
                 children={<FontAwesomeIcon icon="times"/>} 
                 onClick={onRemove}
-                {...props}
+                {...restProps}
               />
-              ) : 
-            ( <InputRightAddon children={<FontAwesomeIcon icon="ellipsis-v" />} {...props}/> )
+            ) : ( 
+              <InputRightAddon
+                children={<FontAwesomeIcon icon="ellipsis-v" />}
+                onClick={onClick}
+                {...restProps}
+              /> 
+            )
           }
         </InputGroup>
       </FormControl>

src/views/products/Create.js

@@ -75,7 +75,7 @@ export default function Create(props) {
         <FormInputSelection
           data={['kategori', category.name]}
           readOnly={true}
-          onFormClick={() => toggle()}
+          onClick={() => toggle()}
         />
         <Button
           mt="4"

src/views/products/Edit.js

@@ -102,7 +102,7 @@ export default function Edit(props) {
           <FormInputSelection
             data={['kategori', category.name]}
             readOnly={true}
-            onFormClick={() => toggle()}
+            onClick={() => toggle()}
           />
           <Button
             mt="4"

src/views/products/List.js

@@ -99,7 +99,7 @@ export default function List({ history }) {
             mt="1"
             data={["", category.name]}
             placeholder={"kategori"}
-            onFormClick={toggleCategory}
+            onClick={toggleCategory}
             onRemove={() => {
               setCategory({name: ''})
             }}