upd: skeleton
Deskripsi: - diskusi umum - detail diskusi umum - list pengumuman - detail pengumuman - list kegiatan - detail kegiatan No Issues
This commit is contained in:
25
components/skeletonTask.tsx
Normal file
25
components/skeletonTask.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import Styles from "@/constants/Styles";
|
||||
import { View } from "react-native";
|
||||
import Skeleton from "./skeleton";
|
||||
|
||||
export default function SkeletonTask() {
|
||||
return (
|
||||
<View style={[Styles.borderBottom, Styles.mv05]}>
|
||||
<View style={[Styles.rowOnly]}>
|
||||
<Skeleton width={10} height={10} borderRadius={3} style={[Styles.mr05]} />
|
||||
<Skeleton width={30} widthType="percent" height={10} borderRadius={10} />
|
||||
</View>
|
||||
<Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
|
||||
<View style={[Styles.rowSpaceBetween]}>
|
||||
<View style={[Styles.w45]}>
|
||||
<Skeleton width={100} height={10} borderRadius={5} />
|
||||
<Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
|
||||
</View>
|
||||
<View style={[Styles.w45]}>
|
||||
<Skeleton width={100} height={10} borderRadius={5} />
|
||||
<Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user