diff --git a/src/App.js b/src/App.js index caf6076..1327250 100644 --- a/src/App.js +++ b/src/App.js @@ -272,7 +272,7 @@ function App() { {/* */} {/* */} - + {/* */} ); diff --git a/src/components/CustomSelectBox/index.js b/src/components/CustomSelectBox/index.js new file mode 100644 index 0000000..ebdc19f --- /dev/null +++ b/src/components/CustomSelectBox/index.js @@ -0,0 +1,22 @@ +import React from "react"; + +const CustomSelectBox = ({ options }) => { + return ( + + ); +}; + +export default CustomSelectBox; + +CustomSelectBox.defaultProps = { + options: [ + { title: "میزان تحصیلات" }, + { title: "کارشناسی" }, + { title: "ارشد" }, + { title: "دکتری" }, + ], +}; diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js index 8311252..7372a25 100644 --- a/src/components/FormInput/index.js +++ b/src/components/FormInput/index.js @@ -3,6 +3,7 @@ import { useForm } from "react-hook-form"; import DateRangePicker from "../DateRangePicker"; import Input from "../AnimatedInput/Input"; +import CustomSelectBox from "../CustomSelectBox"; const FormInput = () => { const { register, getValues } = useForm(); @@ -37,12 +38,7 @@ const FormInput = () => { borderClassname={`border-transparent `} className={``} /> - {" "} + { borderClassname={`border-transparent `} className={``} /> - + > CustomSelectBox <<-- .customizeSelect { background-position: left 0.5rem center; padding-right: 1rem;