From 2bacc47d75b729abfd5fd97b21a980fa05de27ec Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Tue, 19 May 2026 12:06:12 +0800
Subject: [PATCH] fix: sesuaikan warna border dengan tema pada halaman pilih
 anggota dan admin divisi

---
 app/(application)/division/create/add-admin-division.tsx | 2 +-
 app/(application)/division/create/add-member.tsx         | 2 +-
 components/imageNew.tsx                                  | 9 +++++++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/(application)/division/create/add-admin-division.tsx b/app/(application)/division/create/add-admin-division.tsx
index 7c7950d..defdb82 100644
--- a/app/(application)/division/create/add-admin-division.tsx
+++ b/app/(application)/division/create/add-admin-division.tsx
@@ -117,7 +117,7 @@ export default function CreateDivisionAddAdmin() {
                         return (
                            <Pressable
                               key={index}
-                              style={[Styles.itemSelectModal]}
+                              style={[Styles.itemSelectModal, { borderBottomColor: colors.icon + '20' }]}
                               onPress={() => {
                                  !found && onChoose(item.idUser)
                               }}
diff --git a/app/(application)/division/create/add-member.tsx b/app/(application)/division/create/add-member.tsx
index 920b29c..4af4c87 100644
--- a/app/(application)/division/create/add-member.tsx
+++ b/app/(application)/division/create/add-member.tsx
@@ -121,7 +121,7 @@ export default function CreateDivisionAddMember() {
                         return (
                            <Pressable
                               key={index}
-                              style={[Styles.itemSelectModal]}
+                              style={[Styles.itemSelectModal, { borderBottomColor: colors.icon + '20' }]}
                               onPress={() => {
                                  !found && onChoose(item.id, item.name, item.img)
                               }}
diff --git a/components/imageNew.tsx b/components/imageNew.tsx
index 903a7ad..b741e56 100644
--- a/components/imageNew.tsx
+++ b/components/imageNew.tsx
@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useState } from "react";
 import { Image } from "react-native";
 
@@ -9,12 +10,16 @@ type Props = {
    onError?: (val:boolean) => void
 }
 
-export default function ImageUser({ src, size, onError }: Props) {
+export default function ImageUser({ src, size, border, onError }: Props) {
    const [error, setError] = useState(false)
+   const { colors } = useTheme()
    return (
       <Image
          source={error ? require('../assets/images/user.jpg') : { uri: src }}
-         style={[size == 'xs' ? Styles.userProfileExtraSmall : size == 'lg' ? Styles.userProfileBig : Styles.userProfileSmall, Styles.borderAll]}
+         style={[
+            size == 'xs' ? Styles.userProfileExtraSmall : size == 'lg' ? Styles.userProfileBig : Styles.userProfileSmall,
+            border && { borderWidth: 1, borderColor: colors.icon + '40', borderRadius: 100 }
+         ]}
          onError={() => {
             setError(true)
             onError?.(true)