Files
mobile-darmasaba/components/eventItem.tsx
amal 191699af04 fix : tampilan
Deskripsi:
- text panjang pada pengumuman
- text panjang pada list banner
- text align pada detail member
- text panjang pada section item tanggal tugas
- text panjang pada select form
- text panjang pada detail event calendar divisi
- keyboard avoiding pada edit event calendar divisi

No Issues
2025-08-26 16:35:25 +08:00

25 lines
932 B
TypeScript

import Styles from "@/constants/Styles";
import { Pressable, View } from "react-native";
import Text from "./Text";
type Props = {
category: 'purple' | 'orange'
title: string
user: string
jamAwal: string
jamAkhir: string
onPress?: () => void
}
export default function EventItem({ category, title, user, jamAwal, jamAkhir, onPress }: Props) {
return (
<Pressable style={[Styles.itemEvent, { backgroundColor: category == 'orange' ? '#FED6C5' : '#D8D8F1' }]} onPress={onPress}>
<View style={[Styles.dividerEvent, { backgroundColor: category == 'orange' ? '#FB804C' : '#535FCA' }]} />
<View>
<Text>{jamAwal} - {jamAkhir}</Text>
<Text numberOfLines={1} ellipsizeMode="tail" style={[Styles.textDefaultSemiBold, Styles.mv05]}>{title}</Text>
<Text numberOfLines={1} ellipsizeMode="tail">Dibuat oleh : {user}</Text>
</View>
</Pressable>
)
}