From a7655b1cc0a6731bbb68766d2ff43582dc799e80 Mon Sep 17 00:00:00 2001
From: amal <iam.amaliadwi@gmail.com>
Date: Mon, 21 Jul 2025 17:41:40 +0800
Subject: [PATCH] fix: tampilan

Deskripsi:
- input komentar diskusi divisi dan umum
- jarak top right info detail diskusi divisi dan umum

No Issues
---
 app/(application)/discussion/[id].tsx                       | 6 +++++-
 .../[id]/(fitur-division)/discussion/[detail]/index.tsx     | 5 +++--
 components/borderBottomItem.tsx                             | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/(application)/discussion/[id].tsx b/app/(application)/discussion/[id].tsx
index 1d92fce..b82fcc1 100644
--- a/app/(application)/discussion/[id].tsx
+++ b/app/(application)/discussion/[id].tsx
@@ -141,6 +141,8 @@ export default function DetailDiscussionGeneral() {
                         <SkeletonContent />
                         :
                         <BorderBottomItem
+                           descEllipsize={false}
+                           width={55}
                            borderType="bottom"
                            icon={
                               <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -177,6 +179,7 @@ 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" />
@@ -192,8 +195,9 @@ export default function DetailDiscussionGeneral() {
                </View>
             </ScrollView>
             <View style={[
-               Styles.ph15,
+               Styles.contentItemCenter,
                Styles.absolute0,
+               Styles.w100,
                { backgroundColor: "#f4f4f4" },
             ]}>
                <InputForm
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 a03b3a4..3489a3c 100644
--- a/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
+++ b/app/(application)/division/[id]/(fitur-division)/discussion/[detail]/index.tsx
@@ -196,7 +196,7 @@ export default function DiscussionDetail() {
                         :
                         <BorderBottomItem
                            descEllipsize={false}
-                           width={60}
+                           width={55}
                            borderType="bottom"
                            icon={
                               <ImageUser
@@ -267,8 +267,9 @@ export default function DiscussionDetail() {
             </ScrollView>
             <View
                style={[
-                  Styles.ph15,
+                  Styles.contentItemCenter,
                   Styles.absolute0,
+                  Styles.w100,
                   { backgroundColor: "#f4f4f4" },
                ]}
             >
diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx
index f501ac3..274964b 100644
--- a/components/borderBottomItem.tsx
+++ b/components/borderBottomItem.tsx
@@ -29,7 +29,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, width ? { width: lebar } : { width: '70%' }]}>
+               <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>
                   {
                      subtitle &&
@@ -41,7 +41,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
                   }
                </View>
                {
-                  rightTopInfo && <Text style={[Styles.textInformation, Styles.mt05, { color: textColor}]}>{rightTopInfo}</Text>
+                  rightTopInfo && <Text style={[Styles.textInformation, Styles.mt05, { color: textColor }]}>{rightTopInfo}</Text>
                }
             </View>