diff --git a/src/screens/daily-report-page/stepComponent/informationDetail.js b/src/screens/daily-report-page/stepComponent/informationDetail.js
new file mode 100644
index 0000000..121a1e5
--- /dev/null
+++ b/src/screens/daily-report-page/stepComponent/informationDetail.js
@@ -0,0 +1,121 @@
+import React, { useEffect, useCallback, useMemo, useState, useRef } from 'react';
+import { Card, Text, TouchableRipple, Button, Appbar, List } from 'react-native-paper';
+import { RefreshControl, StyleSheet, View, ScrollView, StatusBar } from 'react-native';
+import { colors } from '../../../utils/color';
+import Icon from 'react-native-vector-icons/AntDesign';
+import { strings } from '../../../utils/i18n';
+import moment from 'moment';
+import 'moment/locale/id';
+moment.locale('id');
+import {
+ BottomSheetModal,
+ BottomSheetModalProvider,
+ BottomSheetView
+} from '@gorhom/bottom-sheet';
+
+export default function InformationDetailScreen({ route, navigation }) {
+ const bottomSheetModal = useRef(null);
+
+ const data = [
+ { id: 1, position: "Manager", date: "2024-02-09", startTime: "21:03", title: "Pengecekan Kendaraan Karyawan", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt fringilla lobortis. Morbi suscipit massa mollis porttitor fringilla. Integer rutrum ipsum lorem, ut convallis nisl consequat nec. Proin vel elit vitae sapien convallis molestie. Donec id feugiat lectus. Aenean ut dui ut mi semper facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam luctus convallis tellus, quis malesuada felis viverra mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam erat volutpat. Mauris eu posuere sapien. Aliquam in nisi at tortor faucibus interdum eget non quam. Aenean non elit ut leo malesuada porttitor.", visitor: "Farhan" },
+ { id: 2, position: "Manager", date: "2024-02-12", startTime: "21:03", title: "Pengecekan Bongkar Muat Barang", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt fringilla lobortis. Morbi suscipit massa mollis porttitor fringilla. Integer rutrum ipsum lorem, ut convallis nisl consequat nec. Proin vel elit vitae sapien convallis molestie. Donec id feugiat lectus. Aenean ut dui ut mi semper facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam luctus convallis tellus, quis malesuada felis viverra mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam erat volutpat. Mauris eu posuere sapien. Aliquam in nisi at tortor faucibus interdum eget non quam. Aenean non elit ut leo malesuada porttitor.", visitor: "Farhan" },
+ ];
+
+ const handleOpenSheet = useCallback(() => {
+ bottomSheetModal.current?.present();
+ }, []);
+
+ return (
+
+
+
+ { navigation.goBack() }} />
+
+
+
+ {data.map((item) => (
+
+
+
+
+
+
+ {moment(item.date).format('dddd, DD MMMM - YYYY')}
+
+
+ {item.title}
+ Deskripsi
+ {item.description}
+
+
+ ))}
+
+
+
+
+
+
+ {strings('activity.activity')}
+
+
+ { navigation.navigate('DialogFormActivity') }}>
+ }
+ />
+
+ { navigation.navigate('DialogFormPatroli') }}>
+ }
+ />
+
+
+ {/* onPress={() => { navigation.navigate('DialogFormActivity') }} */}
+
+
+
+
+
+ )
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ marginTop: 20,
+ backgroundColor: colors.pureWhite
+ },
+ card: {
+ flex: 1,
+ marginTop: 20,
+ marginHorizontal: 8,
+ marginVertical: 5,
+ backgroundColor: colors.pureWhite,
+ },
+ row: {
+ flexDirection: 'row',
+ justifyContent: 'flex-start',
+ paddingVertical: 5,
+ },
+ bottom: {
+ flexDirection: 'row',
+ justifyContent: 'space-between',
+ paddingHorizontal: 10,
+ },
+ shift: {
+ backgroundColor: colors.semiBlue,
+ borderRadius: 10,
+ padding: 5,
+ paddingHorizontal: 10
+ },
+})
\ No newline at end of file
diff --git a/src/screens/daily-report-page/stepComponent/informationReport.js b/src/screens/daily-report-page/stepComponent/informationReport.js
new file mode 100644
index 0000000..4ec9946
--- /dev/null
+++ b/src/screens/daily-report-page/stepComponent/informationReport.js
@@ -0,0 +1,125 @@
+import { TouchableRipple, Card, Text, Avatar, Button } from 'react-native-paper';
+import { View, StyleSheet, ScrollView } from 'react-native';
+import React, { useState, useRef, useCallback } from 'react';
+import { colors } from '../../../utils/color'
+import { strings } from '../../../utils/i18n'
+import Icon from 'react-native-vector-icons/AntDesign';
+import moment from 'moment';
+import 'moment/locale/id';
+import person from '../../../assets/images/courier_man.png'
+import {
+ BottomSheetModal,
+ BottomSheetModalProvider,
+ BottomSheetView,
+} from '@gorhom/bottom-sheet';
+moment.locale('id');
+export default function InformationScreen({ route, navigation }) {
+ const bottomSheetModal = useRef(null);
+ const handleOpenSheet = useCallback(() => {
+ bottomSheetModal.current?.present();
+ }, []);
+
+ const dummyData = [
+ { id: '1', position: "Danru", name: "farhan" },
+ { id: '2', position: "Guard", name: "ibnu" },
+ { id: '3', position: "Guard", name: "ardhi" },
+ { id: '4', position: "Admin", name: "hana" },
+ { id: '5', position: "Guard", name: "satori" },
+ { id: '6', position: "Guard", name: "khaidir" },
+ { id: '7', position: "Guard", name: "wahyu" },
+ ];
+
+
+ return (
+ <>
+
+ {dummyData.map((item) => (
+ { navigation.navigate('InformationDetailScreen') }}>
+
+
+
+
+
+
+ {item.name}
+
+
+
+
+ {item.position}
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+ Persetujuan
+
+ Apakah Data Sudah Sesuai?
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+const styles = StyleSheet.create({
+ status: {
+ backgroundColor: colors.semiBlue,
+ borderRadius: 10,
+ padding: 5,
+ },
+ row: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ marginBottom: 5,
+ },
+ card: {
+ marginHorizontal: 10,
+ marginVertical: 4,
+ elevation: 4,
+ backgroundColor: colors.mercury
+ },
+ cardContent: {
+ alignItems: 'center'
+ },
+ rowSheet: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ marginBottom: 5,
+ },
+});
\ No newline at end of file