wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'fix : tampilan' (#29) from amalia/26-agustus-25 into join

Browse Source 
Reviewed-on: bip/mobile-darmasaba#29
This commit is contained in:
amaliadwiy
2025-08-26 17:23:42 +08:00
parent 5cb81856de 191699af04
commit abeb26e565
9 changed files with 112 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/(application)/announcement/[id].tsx
View File

@@ -84,9 +84,9 @@ export default function DetailAnnouncement() {
</View> </View>
: :
<> <>
<View style={Styles.rowItemsCenter}> <View style={[Styles.rowItemsCenter, { alignItems: 'flex-start' }]}>
<MaterialIcons name="campaign" size={30} color="black" style={Styles.mr05} /> <MaterialIcons name="campaign" size={30} color="black" style={Styles.mr05} />
<Text style={[Styles.textDefaultSemiBold]}>{data?.title}</Text> <Text style={[Styles.textDefaultSemiBold, Styles.w90]}>{data?.title}</Text>
</View> </View>
<View style={[Styles.mt10]}> <View style={[Styles.mt10]}>
{ {

1
app/(application)/banner/index.tsx
View File

@@ -142,6 +142,7 @@ export default function BannerList() {
/> />
} }
title={index.title} title={index.title}
width={65}
/> />
))} ))}
</View> </View>

12
app/(application)/division/[id]/(fitur-division)/calendar/[detail]/edit.tsx
View File

@@ -9,10 +9,11 @@ import { valueTypeEventRepeat } from "@/constants/TypeEventRepeat"
import { apiGetCalendarOne, apiUpdateCalendar } from "@/lib/api" import { apiGetCalendarOne, apiUpdateCalendar } from "@/lib/api"
import { stringToDateTime } from "@/lib/fun_stringToDate" import { stringToDateTime } from "@/lib/fun_stringToDate"
import { useAuthSession } from "@/providers/AuthProvider" import { useAuthSession } from "@/providers/AuthProvider"
import { useHeaderHeight } from "@react-navigation/elements"
import { Stack, router, useLocalSearchParams } from "expo-router" import { Stack, router, useLocalSearchParams } from "expo-router"
import moment from "moment" import moment from "moment"
import { useEffect, useState } from "react" import { useEffect, useState } from "react"
import { SafeAreaView, ScrollView, View } from "react-native" import { KeyboardAvoidingView, Platform, SafeAreaView, ScrollView, View } from "react-native"
import Toast from "react-native-toast-message" import Toast from "react-native-toast-message"
export default function EditEventCalendar() { export default function EditEventCalendar() {
@@ -22,6 +23,7 @@ export default function EditEventCalendar() {
const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>() const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>()
const [idCalendar, setIdCalendar] = useState('') const [idCalendar, setIdCalendar] = useState('')
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const headerHeight = useHeaderHeight()
const [error, setError] = useState({ const [error, setError] = useState({
title: false, title: false,
@@ -176,8 +178,12 @@ export default function EditEventCalendar() {
/> />
}} }}
/> />
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : undefined}
keyboardVerticalOffset={headerHeight}
>
<ScrollView> <ScrollView>
<View style={[Styles.p15, Styles.mb100]}> <View style={[Styles.p15]}>
<InputForm <InputForm
label="Nama Acara" label="Nama Acara"
type="default" type="default"
@@ -264,6 +270,8 @@ export default function EditEventCalendar() {
/> />
</View> </View>
</ScrollView> </ScrollView>
</KeyboardAvoidingView>
<ModalSelect <ModalSelect
category={"type-event-repeat"} category={"type-event-repeat"}

8
app/(application)/division/[id]/(fitur-division)/calendar/[detail]/index.tsx
View File

@@ -165,12 +165,12 @@ export default function DetailEventCalendar() {
> >
<View style={[Styles.p15]}> <View style={[Styles.p15]}>
<View style={[Styles.wrapPaper, Styles.mb15]}> <View style={[Styles.wrapPaper, Styles.mb15]}>
<View style={Styles.rowItemsCenter}> <View style={[Styles.rowItemsCenter, { alignItems: 'flex-start' }]}>
<MaterialCommunityIcons name="calendar-text" size={30} color="black" style={Styles.mr10} /> <MaterialCommunityIcons name="calendar-text" size={30} color="black" style={Styles.mr10} />
{ {
loading ? loading ?
<Skeleton width={80} height={10} borderRadius={10} widthType="percent" /> <Skeleton width={80} height={10} borderRadius={10} widthType="percent" />
: <Text style={[Styles.textDefault]}>{data?.title}</Text> : <Text style={[Styles.textDefault, Styles.w90]}>{data?.title}</Text>
} }
</View> </View>
@@ -219,13 +219,13 @@ export default function DetailEventCalendar() {
<Text style={[Styles.textDefault]}>{data?.linkMeet ? data.linkMeet : '-'}</Text> <Text style={[Styles.textDefault]}>{data?.linkMeet ? data.linkMeet : '-'}</Text>
} }
</View> </View>
<View style={[Styles.rowItemsCenter, Styles.mt10]}> <View style={[Styles.rowItemsCenter, Styles.mt10, {alignItems:'flex-start'}]}>
<MaterialCommunityIcons name="card-text-outline" size={30} color="black" style={Styles.mr10} /> <MaterialCommunityIcons name="card-text-outline" size={30} color="black" style={Styles.mr10} />
{ {
loading ? loading ?
<Skeleton width={80} height={10} borderRadius={10} widthType="percent" /> <Skeleton width={80} height={10} borderRadius={10} widthType="percent" />
: :
<Text style={[Styles.textDefault]}>{data?.desc}</Text> <Text style={[Styles.textDefault, Styles.w90]}>{data?.desc}</Text>
} }
</View> </View>
</View> </View>

2
app/(application)/member/[id].tsx
View File

@@ -95,7 +95,7 @@ export default function MemberDetail() {
: :
<> <>
<ImageUser src={`${ConstEnv.url_storage}/files/${data?.img}`} size="lg" /> <ImageUser src={`${ConstEnv.url_storage}/files/${data?.img}`} size="lg" />
<Text style={[Styles.textSubtitle, Styles.cWhite, Styles.mt10]}>{data?.name}</Text> <Text style={[Styles.textSubtitle, Styles.cWhite, Styles.mt10, { textAlign: 'center' }]}>{data?.name}</Text>
<Text style={[Styles.textMediumNormal, Styles.cWhite]}>{data?.role}</Text> <Text style={[Styles.textMediumNormal, Styles.cWhite]}>{data?.role}</Text>
</> </>

4
components/drawerBottom.tsx
View File

@@ -44,7 +44,7 @@ export default function DrawerBottom({ isVisible, setVisible, title, children, a
> >
<View style={[Styles.modalContentNew, { height: tinggiFix }]}> <View style={[Styles.modalContentNew, { height: tinggiFix }]}>
<View style={[Styles.titleContainerNew]}> <View style={[Styles.titleContainerNew]}>
<Text style={Styles.textDefault}>{title}</Text> <Text numberOfLines={1} ellipsizeMode='tail' style={[Styles.textDefault, Styles.w90]}>{title}</Text>
<Pressable onPress={() => setVisible(false)}> <Pressable onPress={() => setVisible(false)}>
<MaterialIcons name="close" color="black" size={22} /> <MaterialIcons name="close" color="black" size={22} />
</Pressable> </Pressable>
@@ -57,7 +57,7 @@ export default function DrawerBottom({ isVisible, setVisible, title, children, a
: :
<View style={[Styles.modalContentNew, { height: tinggiFix }]}> <View style={[Styles.modalContentNew, { height: tinggiFix }]}>
<View style={[Styles.titleContainerNew]}> <View style={[Styles.titleContainerNew]}>
<Text style={Styles.textDefault}>{title}</Text> <Text numberOfLines={1} ellipsizeMode='tail' style={[Styles.textDefault, Styles.w90]}>{title}</Text>
<Pressable onPress={() => setVisible(false)}> <Pressable onPress={() => setVisible(false)}>
<MaterialIcons name="close" color="black" size={22} /> <MaterialIcons name="close" color="black" size={22} />
</Pressable> </Pressable>

8
components/eventItem.tsx
View File

@@ -1,5 +1,5 @@
import Styles from "@/constants/Styles" import Styles from "@/constants/Styles";
import { Pressable, View } from "react-native" import { Pressable, View } from "react-native";
import Text from "./Text"; import Text from "./Text";
type Props = { type Props = {
@@ -17,8 +17,8 @@ export default function EventItem({ category, title, user, jamAwal, jamAkhir, on
<View style={[Styles.dividerEvent, { backgroundColor: category == 'orange' ? '#FB804C' : '#535FCA' }]} /> <View style={[Styles.dividerEvent, { backgroundColor: category == 'orange' ? '#FB804C' : '#535FCA' }]} />
<View> <View>
<Text>{jamAwal} - {jamAkhir}</Text> <Text>{jamAwal} - {jamAkhir}</Text>
<Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>{title}</Text> <Text numberOfLines={1} ellipsizeMode="tail" style={[Styles.textDefaultSemiBold, Styles.mv05]}>{title}</Text>
<Text>Dibuat oleh : {user}</Text> <Text numberOfLines={1} ellipsizeMode="tail">Dibuat oleh : {user}</Text>
</View> </View>
</Pressable> </Pressable>
) )

2
components/itemSectionTanggalTugas.tsx
View File

@@ -33,7 +33,7 @@ export default function ItemSectionTanggalTugas({ done, title, dateStart, dateEn
</View> </View>
<View style={[Styles.wrapPaper, Styles.mv10, Styles.p10]}> <View style={[Styles.wrapPaper, Styles.mv10, Styles.p10]}>
<View style={[Styles.rowItemsCenter]}> <View style={[Styles.rowItemsCenter, {alignItems:'flex-start'}]}>
<MaterialCommunityIcons name="file-table-outline" size={25} color="black" style={[Styles.mr10]} /> <MaterialCommunityIcons name="file-table-outline" size={25} color="black" style={[Styles.mr10]} />
<View style={[Styles.w90]}> <View style={[Styles.w90]}>
<Text style={[Styles.textDefault]}>{title}</Text> <Text style={[Styles.textDefault]}>{title}</Text>

4
components/selectForm.tsx
View File

@@ -34,9 +34,9 @@ export default function SelectForm({ label, value, placeholder, onPress, info, e
<Feather name="chevron-right" size={20} color="grey" /> <Feather name="chevron-right" size={20} color="grey" />
{ {
value ? ( value ? (
<Text style={[Styles.cBlack]}>{value}</Text> <Text numberOfLines={1} ellipsizeMode='tail' style={[Styles.cBlack, Styles.w90]}>{value}</Text>
) : ( ) : (
<Text style={[Styles.cGray]}>{placeholder}</Text> <Text numberOfLines={1} ellipsizeMode='tail' style={[Styles.cGray, Styles.w90]}>{placeholder}</Text>
) )
} }
</View> </View>