Function SelectHabit

src/Components/HabitPage/SelectHabit/index.jsx:6–52

({ habit, habitInput })

import HabitsData from "../../../Database/HabitsData";

export default function SelectHabit({ habit, habitInput }) {
  const [selected, setSelected] = useState(
    habit?.habitName ? habit?.habitName : "-"
  );
  const [data, setData] = useState();

  useEffect(() => {
    if (habit?.habitArea === "Mente") {
      setData(HabitsData.dataMind);
    }
    if (habit?.habitArea === "Financeiro") {
      setData(HabitsData.dataMoney);
    }
    if (habit?.habitArea === "Corpo") {
      setData(HabitsData.dataBody);
    }
    if (habit?.habitArea === "Humor") {
      setData(HabitsData.dataFun);
    }
    habitInput(habit?.habitName ? habit?.habitName : undefined);
  }, []);

  return (
    <>
      <SelectList
        setSelected={setSelected}
        data={data}
        search={false}
        onSelect={() => {
          habitInput(selected);
        }}
        placeholder={selected}
        boxStyles={styles.boxStyle}
        inputStyles={styles.inputStyle}
        dropdownStyles={styles.dropdownStyle}
        dropdownItemStyles={styles.dropdownItemStyle}
        dropdownTextStyles={styles.dropdownTextStyle}
        arrowicon={
          <Image
            source={require("../../../assets/icons/arrowDropdown.png")}
            style={styles.arrow}
          />
        }
      />
    </>
  );
}

const styles = StyleSheet.create({
  boxStyle: {