From edbeb30ebef946d2de47f7f7b6fdf4e8e352364a Mon Sep 17 00:00:00 2001
From: amal <iam.amaliadwi@gmail.com>
Date: Tue, 12 Aug 2025 14:53:28 +0800
Subject: [PATCH] fix : tampilan

Deskripsi:
- border bottom komponen width

No Issues
---
 app/(application)/discussion/[id].tsx                           | 2 --
 .../[id]/(fitur-division)/discussion/[detail]/index.tsx         | 2 --
 .../division/[id]/(fitur-division)/discussion/index.tsx         | 2 --
 app/(application)/division/[id]/info.tsx                        | 1 -
 app/(application)/notification.tsx                              | 1 -
 components/borderBottomItem.tsx                                 | 2 +-
 6 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/app/(application)/discussion/[id].tsx b/app/(application)/discussion/[id].tsx
index 831099a..52306e2 100644
--- a/app/(application)/discussion/[id].tsx
+++ b/app/(application)/discussion/[id].tsx
@@ -146,7 +146,6 @@ export default function DetailDiscussionGeneral() {
                         :
                         <BorderBottomItem
                            descEllipsize={false}
-                           width={55}
                            borderType="bottom"
                            icon={
                               <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -183,7 +182,6 @@ export default function DetailDiscussionGeneral() {
                               return (
                                  <BorderBottomItem
                                     key={i}
-                                    width={55}
                                     borderType="bottom"
                                     icon={
                                        <ImageUser src={`https://wibu-storage.wibudev.com/api/files/${item.img}`} size="xs" />
diff --git a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
index 68a2fc8..c603c23 100644
--- a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
@@ -217,7 +217,6 @@ export default function DiscussionDetail() {
                         :
                         <BorderBottomItem
                            descEllipsize={false}
-                           width={55}
                            borderType="bottom"
                            icon={
                               <ImageUser
@@ -265,7 +264,6 @@ export default function DiscussionDetail() {
                            dataComment.map((item, index) => (
                               <BorderBottomItem
                                  key={index}
-                                 width={55}
                                  borderType="bottom"
                                  icon={
                                     <ImageUser
diff --git a/app/(application)/division/[id]/(fitur-division)/discussion/index.tsx b/app/(application)/division/[id]/(fitur-division)/discussion/index.tsx
index 6dec493..ef0e3d0 100644
--- a/app/(application)/division/[id]/(fitur-division)/discussion/index.tsx
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/index.tsx
@@ -138,7 +138,6 @@ export default function DiscussionDivision() {
                            return (
                               <BorderBottomItem
                                  key={index}
-                                 width={55}
                                  onPress={() => { router.push(`./discussion/${item.id}`) }}
                                  borderType="bottom"
                                  icon={
@@ -174,7 +173,6 @@ export default function DiscussionDivision() {
                      // data.map((item, index) => (
                      //    <BorderBottomItem
                      //       key={index}
-                     //       width={55}
                      //       onPress={() => { router.push(`./discussion/${item.id}`) }}
                      //       borderType="bottom"
                      //       icon={
diff --git a/app/(application)/division/[id]/info.tsx b/app/(application)/division/[id]/info.tsx
index 20f5029..5f5381e 100644
--- a/app/(application)/division/[id]/info.tsx
+++ b/app/(application)/division/[id]/info.tsx
@@ -184,7 +184,6 @@ export default function InformationDivision() {
                            dataMember.map((item, index) => {
                               return (
                                  <BorderBottomItem
-                                    width={55}
                                     key={index}
                                     borderType="bottom"
                                     onPress={() => { dataDetail?.isActive && handleChooseMember(item) }}
diff --git a/app/(application)/notification.tsx b/app/(application)/notification.tsx
index 7bf503b..49c4e25 100644
--- a/app/(application)/notification.tsx
+++ b/app/(application)/notification.tsx
@@ -136,7 +136,6 @@ export default function Notification() {
                            return (
                               <BorderBottomItem
                                  borderType="bottom"
-                                 width={55}
                                  icon={
                                     <View style={[Styles.iconContent, item.isRead ? ColorsStatus.secondary : ColorsStatus.primary]}>
                                        <Feather name="bell" size={25} color="white" />
diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx
index 92eb927..7b28062 100644
--- a/components/borderBottomItem.tsx
+++ b/components/borderBottomItem.tsx
@@ -31,7 +31,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
          <View style={[Styles.rowItemsCenter]}>
             {icon}
             <View style={[Styles.rowSpaceBetween, width ? { width: lebar } : { width: '88%' }]}>
-               <View style={[Styles.ml10, rightTopInfo ? { width: lebar } : { width: '90%' },]}>
+               <View style={[Styles.ml10, rightTopInfo ? { width: '70%' } : { width: '90%' }]}>
                   <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColorFix }]} numberOfLines={1} ellipsizeMode='tail'>{title}</Text>
                   {
                      subtitle &&