51 lines
2.1 KiB
TypeScript
51 lines
2.1 KiB
TypeScript
import Styles from "@/constants/Styles"
|
|
import { AntDesign, Ionicons } from "@expo/vector-icons"
|
|
import { Pressable, Text, View } from "react-native"
|
|
import BorderBottomItem from "../borderBottomItem"
|
|
import DrawerBottom from "../drawerBottom"
|
|
|
|
type Props = {
|
|
open: boolean
|
|
close: (value: boolean) => void
|
|
category: 'copy' | 'move'
|
|
}
|
|
|
|
export default function ModalSalinMove({ open, close, category, }: Props) {
|
|
return (
|
|
<DrawerBottom animation="slide" isVisible={open} setVisible={close} title={category == 'copy' ? 'Pilih Lokasi Salin' : 'Pilih Lokasi Pemindahan'} height={75}>
|
|
<View style={[Styles.rowItemsCenter, Styles.mv05]}>
|
|
<Text> home </Text>
|
|
<AntDesign name="right" style={[Styles.mh05, Styles.mt02]} />
|
|
<Text> folder 1 </Text>
|
|
</View>
|
|
<View>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
|
|
title="Folder 1"
|
|
titleWeight="normal"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
|
|
title="Folder 2"
|
|
titleWeight="normal"
|
|
/>
|
|
<BorderBottomItem
|
|
borderType="bottom"
|
|
icon={<Ionicons name="folder-open-sharp" color={'#f9cc40'} size={30} />}
|
|
title="Folder 3"
|
|
titleWeight="normal"
|
|
/>
|
|
</View>
|
|
<View style={[Styles.rowOnly, Styles.mt15, Styles.absolute0]}>
|
|
<Pressable style={[Styles.pv05, Styles.borderRight, { width: '50%' }]} onPress={() => { close }}>
|
|
<Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>BATAL</Text>
|
|
</Pressable>
|
|
<Pressable style={[Styles.pv05, { width: '50%' }]} onPress={() => { }}>
|
|
<Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>{category == 'copy' ? 'SALIN' : 'PINDAH'}</Text>
|
|
</Pressable>
|
|
</View>
|
|
</DrawerBottom>
|
|
)
|
|
} |