upd: redesign

Deskripsi:
- fitur ganti mode tema
- penerapan tema pada semua fitur

NO Issues

components/position/headerRightPositionList.tsx

@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles"
+import { useTheme } from "@/providers/ThemeProvider"
 import { AntDesign } from "@expo/vector-icons"
 import { useState } from "react"
 import { View } from "react-native"
@@ -14,6 +15,7 @@ export default function HeaderRightPositionList() {
    const [isVisible, setVisible] = useState(false)
    const [isVisibleTambah, setVisibleTambah] = useState(false)
    const [isFilter, setFilter] = useState(false)
+   const { colors } = useTheme()
 
    return (
       <>
@@ -21,7 +23,7 @@ export default function HeaderRightPositionList() {
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
-                  icon={<AntDesign name="pluscircle" color="black" size={25} />}
+                  icon={<AntDesign name="pluscircle" color={colors.text} size={25} />}
                   title="Tambah Jabatan"
                   onPress={() => {
                      setVisible(false)
@@ -33,7 +35,7 @@ export default function HeaderRightPositionList() {
                {
                   (entityUser.role == 'supadmin' || entityUser.role == 'developer') &&
                   <MenuItemRow
-                     icon={<AntDesign name="filter" color="black" size={25} />}
+                     icon={<AntDesign name="filter" color={colors.text} size={25} />}
                      title="Filter"
                      onPress={() => {
                         setVisible(false)

components/position/modalFormCreatePosition.tsx

@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles"
 import { apiCreatePosition } from "@/lib/api"
 import { setUpdatePosition } from "@/lib/positionSlice"
 import { useAuthSession } from "@/providers/AuthProvider"
+import { useTheme } from "@/providers/ThemeProvider"
 import { update } from "@react-native-firebase/database"
 import { useEffect, useState } from "react"
 import { View } from "react-native"
@@ -9,13 +10,14 @@ import Toast from "react-native-toast-message"
 import { useDispatch, useSelector } from "react-redux"
 import { ButtonForm } from "../buttonForm"
 import { InputForm } from "../inputForm"
-import SelectForm from "../selectForm"
 import ModalSelect from "../modalSelect"
+import SelectForm from "../selectForm"
 
 export default function ModalFormCreatePosition({ onClose }: { onClose: () => void }) {
    const dispatch = useDispatch()
    const { token, decryptToken } = useAuthSession()
    const entityUser = useSelector((state: any) => state.user)
+   const { colors } = useTheme()
    const [choose, setChoose] = useState({ val: '', label: '' })
    const [isSelect, setSelect] = useState(false)
    const [disable, setDisable] = useState(true)
@@ -104,6 +106,7 @@ export default function ModalFormCreatePosition({ onClose }: { onClose: () => vo
                   label="Jabatan"
                   onChange={(value) => { validationForm(value, 'name') }}
                   error={error.name}
+                  bg={colors.card}
                   errorText="Nama jabatan harus diisi"
                   value={dataForm.name}
                />