upd: text warna hitam

app/(application)/announcement/[id].tsx

@@ -1,13 +1,14 @@
 import HeaderRightAnnouncementDetail from "@/components/announcement/headerAnnouncementDetail";
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import Skeleton from "@/components/skeleton";
+import Text from '@/components/Text';
 import Styles from "@/constants/Styles";
 import { apiGetAnnouncementOne } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { Entypo, MaterialIcons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Dimensions, SafeAreaView, ScrollView, Text, View } from "react-native";
+import { Dimensions, SafeAreaView, ScrollView, View } from "react-native";
 import RenderHTML from 'react-native-render-html';
 import { useSelector } from "react-redux";
 

app/(application)/announcement/edit/[id].tsx

@@ -3,6 +3,7 @@ import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import ButtonSelect from "@/components/buttonSelect";
 import { InputForm } from "@/components/inputForm";
 import ModalSelectMultiple from "@/components/modalSelectMultiple";
+import Text from '@/components/Text';
 import Styles from "@/constants/Styles";
 import { setUpdateAnnouncement } from "@/lib/announcementUpdate";
 import { apiEditAnnouncement, apiGetAnnouncementOne } from "@/lib/api";
@@ -10,7 +11,7 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { Entypo } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 import { useDispatch, useSelector } from "react-redux";
 
 

app/(application)/announcement/index.tsx

@@ -1,6 +1,7 @@
 import BorderBottomItem from "@/components/borderBottomItem";
 import InputSearch from "@/components/inputSearch";
 import SkeletonContent from "@/components/skeletonContent";
+import Text from '@/components/Text';
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { apiGetAnnouncement } from "@/lib/api";
@@ -8,7 +9,7 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { MaterialIcons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { useEffect, useState } from "react";
-import { RefreshControl, Text, View, VirtualizedList } from "react-native";
+import { RefreshControl, View, VirtualizedList } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {

app/(application)/discussion/[id].tsx

@@ -14,7 +14,8 @@ import { Ionicons, MaterialIcons } from "@expo/vector-icons";
 import { firebase } from '@react-native-firebase/database';
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Pressable, ScrollView, Text, View } from "react-native";
+import { Pressable, ScrollView, View } from "react-native";
+import Text from '@/components/Text';
 import { useSelector } from "react-redux";
 
 type Props = {

app/(application)/discussion/add-member/[id].tsx

@@ -3,6 +3,7 @@ import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import ImageUser from "@/components/imageNew";
 import ImageWithLabel from "@/components/imageWithLabel";
 import InputSearch from "@/components/inputSearch";
+import Text from '@/components/Text';
 import Styles from "@/constants/Styles";
 import { apiAddMemberDiscussionGeneral, apiGetDiscussionGeneralOne, apiGetUser } from "@/lib/api";
 import { setUpdateDiscussionGeneralDetail } from "@/lib/discussionGeneralDetail";
@@ -10,7 +11,7 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { AntDesign } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { Pressable, SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 import { useDispatch, useSelector } from "react-redux";
 
 type Props = {

app/(application)/discussion/create.tsx

@@ -6,6 +6,7 @@ import ImageUser from "@/components/imageNew";
 import { InputForm } from "@/components/inputForm";
 import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
+import Text from '@/components/Text';
 import Styles from "@/constants/Styles";
 import { apiCreateDiscussionGeneral } from "@/lib/api";
 import { setUpdateDiscussionGeneralDetail } from "@/lib/discussionGeneralDetail";
@@ -13,7 +14,7 @@ import { setMemberChoose } from "@/lib/memberChoose";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router, Stack } from "expo-router";
 import { useEffect, useState } from "react";
-import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 import { useDispatch, useSelector } from "react-redux";
 
 

app/(application)/discussion/member/[id].tsx

@@ -5,6 +5,7 @@ import DrawerBottom from "@/components/drawerBottom";
 import ImageUser from "@/components/imageNew";
 import MenuItemRow from "@/components/menuItemRow";
 import SkeletonTwoItem from "@/components/skeletonTwoItem";
+import Text from '@/components/Text';
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { apiDeleteMemberDiscussionGeneral, apiGetDiscussionGeneralOne } from "@/lib/api";
@@ -12,7 +13,7 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { Feather, MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {

app/(application)/division/[id]/(fitur-division)/calendar/index.tsx

@@ -1,3 +1,5 @@
+import 'intl';
+import 'intl/locale-data/jsonp/id';
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import HeaderRightCalendarList from "@/components/calendar/headerCalendarList";
 import ItemDateCalendar from "@/components/calendar/itemDateCalendar";

app/(application)/division/[id]/(fitur-division)/document/index.tsx

@@ -11,6 +11,7 @@ import ModalFloat from "@/components/modalFloat";
 import ModalLoading from "@/components/modalLoading";
 import ModalSelectMultiple from "@/components/modalSelectMultiple";
 import Skeleton from "@/components/skeleton";
+import Text from "@/components/Text";
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import {
@@ -38,7 +39,6 @@ import {
    RefreshControl,
    SafeAreaView,
    ScrollView,
-   Text,
    ToastAndroid,
    View,
 } from "react-native";

app/(application)/division/index.tsx

@@ -17,7 +17,8 @@ import {
 } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Pressable, RefreshControl, Text, View, VirtualizedList } from "react-native";
+import { Pressable, RefreshControl, View, VirtualizedList } from "react-native";
+import Text from "@/components/Text";
 import { useSelector } from "react-redux";
 
 type Props = {

app/(application)/search.tsx

@@ -8,7 +8,8 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { AntDesign, MaterialIcons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
 import { useState } from "react";
-import { FlatList, Image, SafeAreaView, Text, ToastAndroid, View } from "react-native";
+import { FlatList, Image, SafeAreaView, ToastAndroid, View } from "react-native";
+import Text from '@/components/Text';
 
 type PropsUser = {
    id: string

app/index.tsx

@@ -4,7 +4,8 @@ import { requestPermission } from "@/lib/useNotification";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { Redirect } from "expo-router";
 import { useEffect, useState } from "react";
-import { Text } from "react-native";
+import { View } from "react-native";
+import Text from '@/components/Text';
 
 export default function Index() {
    const [isValid, setValid] = useState(false)

app/verification.tsx

@@ -1,9 +1,10 @@
 import { ButtonForm } from "@/components/buttonForm";
+import Text from '@/components/Text';
 import Styles from "@/constants/Styles";
 import { useAuthSession } from "@/providers/AuthProvider";
 import CryptoES from "crypto-es";
 import React, { useState } from "react";
-import { Image, Text, View } from "react-native";
+import { Image, View } from "react-native";
 import { CodeField, Cursor, useBlurOnFulfill, useClearByFocusCell, } from 'react-native-confirmation-code-field';
 
 export default function Index() {

components/Text.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Text as RNText, TextProps as RNTextProps, StyleSheet } from 'react-native';
+
+type TextProps = RNTextProps & {
+  children: React.ReactNode;
+};
+
+const Text: React.FC<TextProps> = ({ style, ...props }) => {
+  return (
+    <RNText 
+      style={[styles.defaultText, style]} 
+      {...props}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  defaultText: {
+    color: 'black',
+  },
+});
+
+export default Text;

components/borderBottomItem.tsx

@@ -1,7 +1,8 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import React from "react";
-import { Dimensions, Pressable, Text, View } from "react-native";
+import { Dimensions, Pressable, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    title?: string
@@ -23,6 +24,7 @@ type Props = {
 export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo, borderType, leftBottomInfo, rightBottomInfo, titleWeight, bgColor, width, descEllipsize, textColor }: Props) {
    const lebarDim = Dimensions.get("window").width;
    const lebar = width ? lebarDim * width / 100 : 'auto';
+   const textColorFix = textColor ? textColor : 'black';
 
    return (
       <Pressable style={[borderType == 'bottom' ? Styles.wrapItemBorderBottom : borderType == 'all' ? Styles.wrapItemBorderAll : Styles.wrapItemBorderNone, bgColor && bgColor == 'white' && ColorsStatus.white]} onPress={onPress}>
@@ -30,23 +32,23 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
             {icon}
             <View style={[Styles.rowSpaceBetween, width ? { width: lebar } : { width: '88%' }]}>
                <View style={[Styles.ml10, rightTopInfo ? { width: lebar } : { width: '90%' },]}>
-                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColor }]} numberOfLines={1} ellipsizeMode='tail'>{title}</Text>
+                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold]} numberOfLines={1} ellipsizeMode='tail'>{title}</Text>
                   {
                      subtitle &&
                         typeof subtitle == "string"
-                        ? <Text style={[Styles.textMediumNormal, { lineHeight: 15, color: textColor }]}>{subtitle}</Text>
+                        ? <Text style={[Styles.textMediumNormal, { lineHeight: 15, color: textColorFix }]}>{subtitle}</Text>
                         : <View style={{ alignItems: 'flex-start' }}>
                            {subtitle}
                         </View>
                   }
                </View>
                {
-                  rightTopInfo && <Text style={[Styles.textInformation, Styles.mt05, { color: textColor }]}>{rightTopInfo}</Text>
+                  rightTopInfo && <Text style={[Styles.textInformation, Styles.mt05, { color: textColorFix }]}>{rightTopInfo}</Text>
                }
             </View>
 
          </View>
-         {desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify', color: textColor }]} numberOfLines={descEllipsize == false ? 0 : 2} ellipsizeMode='tail'>{desc}</Text>}
+         {desc && <Text style={[Styles.textDefault, Styles.mt05, { textAlign: 'justify', color: textColorFix }]} numberOfLines={descEllipsize == false ? 0 : 2} ellipsizeMode='tail'>{desc}</Text>}
          {
             (leftBottomInfo || rightBottomInfo) &&
             (

components/buttonFiturMenu.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import React from "react";
-import { Text, TouchableWithoutFeedback, View } from "react-native";
+import { TouchableWithoutFeedback, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    onPress?: () => void;

components/buttonForm.tsx

@@ -1,6 +1,7 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import { Text, TouchableOpacity } from "react-native";
+import { TouchableOpacity } from "react-native";
+import Text from './Text';
 
 type Props = {
    text: string;

components/buttonSelect.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { Feather } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    value: string

components/buttonTab.tsx

@@ -1,6 +1,7 @@
 import { ColorsStatus } from "@/constants/ColorsStatus"
 import Styles from "@/constants/Styles"
-import { Text, TouchableOpacity } from "react-native"
+import { TouchableOpacity } from "react-native"
+import Text from "./Text";
 
 type Props = {
    active: string

components/buttonTabExpo.tsx

@@ -3,7 +3,8 @@ import Styles from '@/constants/Styles';
 import { AntDesign, Feather, Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';
 import { TabTriggerSlotProps } from 'expo-router/ui';
 import { ComponentProps, Ref } from 'react';
-import { Pressable, Text, View } from 'react-native';
+import { Pressable, View } from 'react-native';
+import Text from './Text';
 
 type Feather = ComponentProps<typeof Feather>['name'];
 type Ionicons = ComponentProps<typeof Ionicons>['name'];

components/discussionItem.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { Feather, Ionicons } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    title: string

components/division/discussionDivisionDetail.tsx

@@ -3,7 +3,8 @@ import { apiGetDivisionOneFeature } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { Text, View } from "react-native";
+import { View } from "react-native";
+import Text from "../Text";
 import DiscussionItem from "../discussionItem";
 import Skeleton from "../skeleton";
 

components/division/fileDivisionDetail.tsx

@@ -7,7 +7,8 @@ import { startActivityAsync } from 'expo-intent-launcher';
 import { useLocalSearchParams } from "expo-router";
 import * as Sharing from 'expo-sharing';
 import React, { useEffect, useState } from "react";
-import { Alert, Dimensions, Platform, Pressable, Text, View } from "react-native";
+import { Alert, Dimensions, Platform, Pressable, View } from "react-native";
+import Text from "../Text";
 import * as mime from 'react-native-mime-types';
 import { ICarouselInstance } from "react-native-reanimated-carousel";
 import Skeleton from "../skeleton";

components/division/fiturDivisionDetail.tsx

@@ -5,8 +5,9 @@ import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign, MaterialIcons, SimpleLineIcons } from "@expo/vector-icons"
 import { router, useLocalSearchParams } from "expo-router"
 import { useEffect, useState } from "react"
-import { Text, View } from "react-native"
+import { View } from "react-native"
 import BorderBottomItem from "../borderBottomItem"
+import Text from "../Text"
 
 type Props = {
    tugas: number

components/division/taskDivisionDetail.tsx

@@ -4,7 +4,8 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { Feather } from "@expo/vector-icons";
 import { useLocalSearchParams } from "expo-router";
 import React, { useEffect, useState } from "react";
-import { Dimensions, Text, View } from "react-native";
+import { Dimensions, View } from "react-native";
+import Text from "../Text";
 import Carousel, { ICarouselInstance } from "react-native-reanimated-carousel";
 import Skeleton from "../skeleton";
 

components/document/itemFile.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "../Text";
 
 
 type Props = {

components/drawerBottom.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { MaterialIcons } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 import Modal from 'react-native-modal';
 
 type Props = {

components/eventItem.tsx

@@ -1,5 +1,6 @@
 import Styles from "@/constants/Styles"
-import { Pressable, Text, View } from "react-native"
+import { Pressable, View } from "react-native"
+import Text from "./Text";
 
 type Props = {
    category: 'purple' | 'orange'

components/home/chartDokumenHome.tsx

@@ -2,9 +2,10 @@ import Styles from "@/constants/Styles";
 import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useEffect, useState } from "react";
-import { Dimensions, Text, View } from "react-native";
+import { Dimensions, View } from "react-native";
 import { BarChart } from "react-native-gifted-charts";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    value: number;

components/home/chartProgresHome.tsx

@@ -2,9 +2,10 @@ import Styles from "@/constants/Styles";
 import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useEffect, useState } from "react";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import { PieChart } from "react-native-gifted-charts";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    value: number;

components/home/discussionHome.tsx

@@ -3,9 +3,10 @@ import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router } from "expo-router";
 import { useEffect, useState } from "react";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import DiscussionItem from "../discussionItem";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    id: string

components/home/divisionHome.tsx

@@ -4,9 +4,10 @@ import { useAuthSession } from "@/providers/AuthProvider";
 import { Feather } from "@expo/vector-icons";
 import { router } from "expo-router";
 import React, { useEffect, useState } from "react";
-import { Dimensions, Pressable, Text, View } from "react-native";
+import { Dimensions, Pressable, View } from "react-native";
 import { ICarouselInstance } from "react-native-reanimated-carousel";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    id: string

components/home/eventHome.tsx

@@ -3,9 +3,10 @@ import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router } from "expo-router";
 import { useEffect, useState } from "react";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import EventItem from "../eventItem";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    id: string

components/home/fiturHome.tsx

@@ -1,9 +1,10 @@
 import Styles from "@/constants/Styles"
 import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons"
 import React from "react"
-import { Text, View } from "react-native"
+import { View } from "react-native"
 import { ButtonFiturMenu } from "../buttonFiturMenu"
 import { router } from "expo-router"
+import Text from "../Text"
 
 export default function FiturHome() {
    return (

components/home/projectHome.tsx

@@ -3,12 +3,13 @@ import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { router } from "expo-router";
 import React, { useEffect, useState } from "react";
-import { Dimensions, Text, View } from "react-native";
+import { Dimensions, View } from "react-native";
 import Carousel, { ICarouselInstance } from "react-native-reanimated-carousel";
 import LabelStatus from "../labelStatus";
 import PaperGridContent from "../paperGridContent";
 import ProgressBar from "../progressBar";
 import Skeleton from "../skeleton";
+import Text from "../Text";
 
 type Props = {
    id: string

components/imageWithLabel.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
-import { Text, TouchableOpacity } from "react-native";
+import { TouchableOpacity } from "react-native";
 import ImageUser from "./imageNew";
+import Text from "./Text";
 
 type Props = {
    src: string

components/inputForm.tsx

@@ -1,5 +1,6 @@
 import Styles from "@/constants/Styles";
-import { Dimensions, Text, TextInput, View } from "react-native";
+import { Dimensions, TextInput, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    label?: string;

components/itemDetailMember.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons";
-import { Text, View } from "react-native";
+import { View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    category: 'nik' | 'group' | 'position' | 'phone' | 'email' | 'gender' | 'dokumen' | 'type' | 'location' | 'owner' | 'calendar' | 'share'

components/itemSectionTanggalTugas.tsx

@@ -1,7 +1,7 @@
 import Styles from "@/constants/Styles";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
-
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    done?: boolean

components/labelStatus.tsx

@@ -1,7 +1,7 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import { Text, View } from "react-native";
-
+import { View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    category: 'error' | 'success' | 'warning' | 'primary' | 'secondary'

components/menuItemRow.tsx

@@ -1,5 +1,6 @@
 import Styles from "@/constants/Styles"
-import { Pressable, Text, View } from "react-native"
+import { Pressable, View } from "react-native"
+import Text from "./Text";
 
 type Props = {
    onPress: () => void

components/modalFilter.tsx

@@ -5,7 +5,8 @@ import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign } from "@expo/vector-icons"
 import { router } from "expo-router"
 import { useEffect, useState } from "react"
-import { Pressable, ScrollView, Text, View } from "react-native"
+import { Pressable, ScrollView, View } from "react-native"
+import Text from './Text';
 import { useDispatch, useSelector } from "react-redux"
 import { ButtonForm } from "./buttonForm"
 import DrawerBottom from "./drawerBottom"

components/modalFloat.tsx

@@ -1,5 +1,6 @@
 import Styles from '@/constants/Styles';
-import { Pressable, Text, View } from 'react-native';
+import { Pressable, View } from 'react-native';
+import Text from './Text';
 import Modal from 'react-native-modal';
 
 type Props = {

components/modalSelect.tsx

@@ -8,7 +8,8 @@ import { setMemberChoose } from "@/lib/memberChoose"
 import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign } from "@expo/vector-icons"
 import { useEffect, useState } from "react"
-import { Pressable, ScrollView, Text, View } from "react-native"
+import { Pressable, ScrollView, View } from "react-native"
+import Text from "./Text";
 import { useDispatch, useSelector } from "react-redux"
 import { ButtonForm } from "./buttonForm"
 import DrawerBottom from "./drawerBottom"

components/modalSelectMultiple.tsx

@@ -3,7 +3,8 @@ import { apiGetDivisionGroup, apiGetDocumentInformasi, apiGetListDivisionByIdDiv
 import { useAuthSession } from "@/providers/AuthProvider"
 import { AntDesign } from "@expo/vector-icons"
 import { useEffect, useState } from "react"
-import { Pressable, ScrollView, Text, ToastAndroid, View } from "react-native"
+import { Pressable, ScrollView, ToastAndroid, View } from "react-native"
+import Text from "./Text";
 import { ButtonForm } from "./buttonForm"
 import DrawerBottom from "./drawerBottom"
 

components/paperGridContent.tsx

@@ -1,6 +1,7 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 
 type Props = {
    content: 'carousel' | 'page';

components/sectionCancel.tsx

@@ -1,7 +1,8 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { AntDesign } from "@expo/vector-icons";
-import { Text, View } from "react-native";
+import Text from "./Text";
+import { View } from "react-native";
 
 type Props = {
    text?: string,

components/sectionProgress.tsx

@@ -1,7 +1,8 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { AntDesign } from "@expo/vector-icons";
-import { Text, View } from "react-native";
+import Text from "./Text";
+import { View } from "react-native";
 import ProgressBar from "./progressBar";
 
 type Props = {

components/selectForm.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { Feather } from "@expo/vector-icons";
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
+import Text from "./Text";
 
 
 type Props = {