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

@@ -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

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" },
                ]}
             >

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>