From 87776d2cf2548244a4c25dcc280c5513c8cd8b31 Mon Sep 17 00:00:00 2001 From: amel Date: Thu, 27 Feb 2025 10:36:03 +0800 Subject: [PATCH 1/4] upd: search page Deskripsi: - update ui search page - update component ui borderbottom item - update style No Issues --- app/(application)/search.tsx | 18 +++++++++++++----- components/borderBottomItem.tsx | 9 ++++++--- constants/Styles.ts | 3 +++ 3 files changed, 22 insertions(+), 8 deletions(-) diff --git a/app/(application)/search.tsx b/app/(application)/search.tsx index 97656b1..6dde48a 100644 --- a/app/(application)/search.tsx +++ b/app/(application)/search.tsx @@ -26,7 +26,7 @@ export default function Search() { round itemLeft={} /> - + ANGGOTA - + KEGIATAN - + } title="Kerja Bakti" @@ -91,14 +91,22 @@ export default function Search() { - + + + } + title="Pasar Ramadhan" + subtitle="Dinas" + /> + + } title="Pasar Ramadhan" subtitle="Dinas" /> - diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx index 8f952e3..b63b334 100644 --- a/components/borderBottomItem.tsx +++ b/components/borderBottomItem.tsx @@ -6,20 +6,23 @@ type Props = { subtitle?: string icon: React.ReactNode desc?: string + rightTopInfo?: string onPress?: () => void } -export default function BorderBottomItem({ title, subtitle, icon, desc, onPress }: Props) { +export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo }: Props) { return ( {icon} - + {title} {subtitle} - 3 Feb 2025 + { + rightTopInfo && {rightTopInfo} + } diff --git a/constants/Styles.ts b/constants/Styles.ts index 06ebbcf..842af3f 100644 --- a/constants/Styles.ts +++ b/constants/Styles.ts @@ -68,6 +68,9 @@ const Styles = StyleSheet.create({ mb30: { marginBottom: 30 }, + mb100:{ + marginBottom: 100 + }, mv05: { marginVertical: 5 }, From 3372d4df23630af3a461175c2d0ad131c7b1eb87 Mon Sep 17 00:00:00 2001 From: amel Date: Thu, 27 Feb 2025 11:01:52 +0800 Subject: [PATCH 2/4] upd: notifikasi Deskripsi: - update ui page notifikasi No Issues --- app/(application)/_layout.tsx | 2 + app/(application)/notification.tsx | 119 +++++++++++++++++++++++++++++ app/(application)/profile.tsx | 9 +++ app/(application)/search.tsx | 10 +-- components/borderBottomItem.tsx | 2 +- constants/Styles.ts | 4 +- 6 files changed, 138 insertions(+), 8 deletions(-) create mode 100644 app/(application)/notification.tsx create mode 100644 app/(application)/profile.tsx diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx index 305ee80..9f2136a 100644 --- a/app/(application)/_layout.tsx +++ b/app/(application)/_layout.tsx @@ -9,6 +9,8 @@ export default function RootLayout() { + + diff --git a/app/(application)/notification.tsx b/app/(application)/notification.tsx new file mode 100644 index 0000000..fcaf809 --- /dev/null +++ b/app/(application)/notification.tsx @@ -0,0 +1,119 @@ +import BorderBottomItem from "@/components/borderBottomItem"; +import ButtonBackHeader from "@/components/buttonBackHeader"; +import { ColorsStatus } from "@/constants/ColorsStatus"; +import Styles from "@/constants/Styles"; +import { Feather } from "@expo/vector-icons"; +import { router, Stack } from "expo-router"; +import { SafeAreaView, ScrollView, View } from "react-native"; + +export default function Notification() { + return ( + + { router.back() }} />, + headerTitle: 'Pencarian', + headerTitleAlign: 'center' + }} + /> + + + + + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + } + title="TU dan Umum" + rightTopInfo="16 Feb 2025" + desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" + /> + + + + + + ) +} \ No newline at end of file diff --git a/app/(application)/profile.tsx b/app/(application)/profile.tsx new file mode 100644 index 0000000..19e7738 --- /dev/null +++ b/app/(application)/profile.tsx @@ -0,0 +1,9 @@ +import { Text, View } from "react-native"; + +export default function Profile() { + return ( + + Profile + + ) +} \ No newline at end of file diff --git a/app/(application)/search.tsx b/app/(application)/search.tsx index 6dde48a..1f802ee 100644 --- a/app/(application)/search.tsx +++ b/app/(application)/search.tsx @@ -61,7 +61,7 @@ export default function Search() { - + } title="TU dan Umum" @@ -70,7 +70,7 @@ export default function Search() { - + } title="TU dan Umum" @@ -82,7 +82,7 @@ export default function Search() { - + } title="Kerja Bakti" @@ -91,7 +91,7 @@ export default function Search() { - + } title="Pasar Ramadhan" @@ -100,7 +100,7 @@ export default function Search() { - + } title="Pasar Ramadhan" diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx index b63b334..f9d16be 100644 --- a/components/borderBottomItem.tsx +++ b/components/borderBottomItem.tsx @@ -18,7 +18,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, {title} - {subtitle} + {subtitle && {subtitle}} { rightTopInfo && {rightTopInfo} diff --git a/constants/Styles.ts b/constants/Styles.ts index 842af3f..5b2e598 100644 --- a/constants/Styles.ts +++ b/constants/Styles.ts @@ -249,8 +249,8 @@ const Styles = StyleSheet.create({ borderBottomWidth: 1, }, userProfileSmall: { - width: 50, - height: 50, + width: 48, + height: 48, borderRadius: 100 }, iconContent: { From f7b8c08f20da2723e706aa99f27045e79f45bd8a Mon Sep 17 00:00:00 2001 From: amel Date: Thu, 27 Feb 2025 12:02:57 +0800 Subject: [PATCH 3/4] upd: profile Deskripsi: - ui profile - ui button right header - ui alert konfirmasi No Issues --- app/(application)/profile.tsx | 97 +++++++++++++++++++++++++++-- components/alertKonfirmasi.ts | 21 +++++++ components/buttonMenuHeader.tsx | 17 +++++ components/home/headerRightHome.tsx | 4 +- constants/Styles.ts | 17 ++++- 5 files changed, 149 insertions(+), 7 deletions(-) create mode 100644 components/alertKonfirmasi.ts create mode 100644 components/buttonMenuHeader.tsx diff --git a/app/(application)/profile.tsx b/app/(application)/profile.tsx index 19e7738..48cbbd3 100644 --- a/app/(application)/profile.tsx +++ b/app/(application)/profile.tsx @@ -1,9 +1,98 @@ -import { Text, View } from "react-native"; +import AlertKonfirmasi from "@/components/alertKonfirmasi"; +import ButtonBackHeader from "@/components/buttonBackHeader"; +import { ButtonHeader } from "@/components/buttonHeader"; +import Styles from "@/constants/Styles"; +import { AntDesign, MaterialCommunityIcons, MaterialIcons, Octicons } from "@expo/vector-icons"; +import { router, Stack } from "expo-router"; +import { Image, SafeAreaView, ScrollView, Text, View } from "react-native"; export default function Profile() { return ( - - Profile - + + { router.back() }} />, + headerTitle: 'Profile', + headerTitleAlign: 'center', + headerRight: () => } + onPress={() => { + AlertKonfirmasi({ + title: 'Keluar', + desc: 'Apakah anda yakin ingin keluar?', + onPress: () => { router.push('/') } + }) + }} + /> + }} + /> + + + + + Putri Ayu Dewi + Super Admin + + + + Informasi + Edit + + + + + NIK + + 123456789 + + + + + + Lembaga Desa + + Dinas + + + + + + Jabatan + + Bendahara + + + + + + No Telepon + + 09482903842 + + + + + + Email + + ayu@gmail.com + + + + + + + Jenis Kelamin + + Perempuan + + + + + + ) } \ No newline at end of file diff --git a/components/alertKonfirmasi.ts b/components/alertKonfirmasi.ts new file mode 100644 index 0000000..8424874 --- /dev/null +++ b/components/alertKonfirmasi.ts @@ -0,0 +1,21 @@ +import { Alert } from "react-native"; + + +type Props = { + title: string, + desc: string + onPress: () => void +} + +export default function AlertKonfirmasi({ title, desc, onPress }: Props) { + Alert.alert(title, desc, [ + { + text: 'Tidak', + style: 'cancel', + }, + { + text: 'Ya', + onPress: () => { onPress() } + }, + ]); +} \ No newline at end of file diff --git a/components/buttonMenuHeader.tsx b/components/buttonMenuHeader.tsx new file mode 100644 index 0000000..1bb5ce2 --- /dev/null +++ b/components/buttonMenuHeader.tsx @@ -0,0 +1,17 @@ +import { Feather } from "@expo/vector-icons" +import { ButtonHeader } from "./buttonHeader" + +type Props = { + onPress?: () => void +} + +export default function ButtonMenuHeader({ onPress }: Props) { + return ( + <> + } + onPress={onPress} + /> + + ) +} \ No newline at end of file diff --git a/components/home/headerRightHome.tsx b/components/home/headerRightHome.tsx index 49351cf..e82d906 100644 --- a/components/home/headerRightHome.tsx +++ b/components/home/headerRightHome.tsx @@ -8,8 +8,8 @@ export function HeaderRightHome() { return ( } onPress={() => { router.push('/search') }} /> - } onPress={() => { router.push('/') }} /> - } onPress={() => { router.push('/') }} /> + } onPress={() => { router.push('/notification') }} /> + } onPress={() => { router.push('/profile') }} /> ) } \ No newline at end of file diff --git a/constants/Styles.ts b/constants/Styles.ts index 5b2e598..0fe85d4 100644 --- a/constants/Styles.ts +++ b/constants/Styles.ts @@ -68,7 +68,7 @@ const Styles = StyleSheet.create({ mb30: { marginBottom: 30 }, - mb100:{ + mb100: { marginBottom: 100 }, mv05: { @@ -83,6 +83,9 @@ const Styles = StyleSheet.create({ mt05: { marginTop: 5 }, + mt10: { + marginTop: 10 + }, mr05: { marginRight: 5 }, @@ -253,9 +256,21 @@ const Styles = StyleSheet.create({ height: 48, borderRadius: 100 }, + userProfileBig: { + width: 100, + height: 100, + borderRadius: 100 + }, iconContent: { padding: 10, borderRadius: 100, + }, + wrapHeadViewMember: { + backgroundColor: '#19345E', + paddingVertical: 30, + alignItems: 'center', + borderBottomLeftRadius: 25, + borderBottomRightRadius: 25 } }) From a22719780b74c8280eb37bb17829e0bf1f4c27e2 Mon Sep 17 00:00:00 2001 From: amel Date: Thu, 27 Feb 2025 17:37:44 +0800 Subject: [PATCH 4/4] upd: ui group Deskripsi: - ui page group - ui tab button - ui list data group - ui modal bottom drawer - ui menu item row - ui tambah data No Issues --- app/(application)/_layout.tsx | 1 + app/(application)/feature.tsx | 4 +- app/(application)/group/_layout.tsx | 58 ++++++++++++++++++++ app/(application)/group/index.tsx | 85 +++++++++++++++++++++++++++++ app/(application)/notification.tsx | 9 +++ app/(application)/search.tsx | 16 ++++-- components/borderBottomItem.tsx | 5 +- components/buttonTab.tsx | 23 ++++++++ components/drawerBottom.tsx | 31 +++++++++++ components/inputForm.tsx | 4 +- components/inputSearch.tsx | 14 +++++ components/menuItemRow.tsx | 19 +++++++ constants/ColorsStatus.ts | 9 +++ constants/Styles.ts | 57 ++++++++++++++++++- 14 files changed, 321 insertions(+), 14 deletions(-) create mode 100644 app/(application)/group/_layout.tsx create mode 100644 app/(application)/group/index.tsx create mode 100644 components/buttonTab.tsx create mode 100644 components/drawerBottom.tsx create mode 100644 components/inputSearch.tsx create mode 100644 components/menuItemRow.tsx diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx index 9f2136a..d235307 100644 --- a/app/(application)/_layout.tsx +++ b/app/(application)/_layout.tsx @@ -11,6 +11,7 @@ export default function RootLayout() { + diff --git a/app/(application)/feature.tsx b/app/(application)/feature.tsx index af411a5..5805238 100644 --- a/app/(application)/feature.tsx +++ b/app/(application)/feature.tsx @@ -25,8 +25,8 @@ export default function Feature() { } text="Anggota" /> } text="Jabatan" /> - } text="Lembaga Desa" /> - } text="Tema" /> + } text="Lembaga Desa" onPress={() => { router.push('/group?active=true') }} /> + } text="Tema" onPress={() => { }} /> } text="Banner" /> diff --git a/app/(application)/group/_layout.tsx b/app/(application)/group/_layout.tsx new file mode 100644 index 0000000..5d52440 --- /dev/null +++ b/app/(application)/group/_layout.tsx @@ -0,0 +1,58 @@ +import ButtonBackHeader from "@/components/buttonBackHeader"; +import { ButtonForm } from "@/components/buttonForm"; +import ButtonMenuHeader from "@/components/buttonMenuHeader"; +import DrawerBottom from "@/components/drawerBottom"; +import { InputForm } from "@/components/inputForm"; +import MenuItemRow from "@/components/menuItemRow"; +import { Headers } from "@/constants/Headers"; +import Styles from "@/constants/Styles"; +import AntDesign from "@expo/vector-icons/AntDesign"; +import MaterialIcons from "@expo/vector-icons/MaterialIcons"; +import { router, Stack } from "expo-router"; +import React, { useState } from "react"; +import { Modal, Pressable, Text, TextInput, ToastAndroid, View } from "react-native"; + +export default function RootLayout() { + const [isVisible, setVisible] = useState(false) + const [isVisibleTambah, setVisibleTambah] = useState(false) + + function handleTambah() { + setVisibleTambah(false) + setVisible(false) + ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT) + } + + return ( + <> + + { router.back() }} />, + headerTitle: 'Lembaga Desa', + headerTitleAlign: 'center', + headerRight: () => { setVisible(true) }} /> + }} /> + + + + + } + title="Tambah Lembaga" + onPress={() => { setVisibleTambah(true) }} + /> + + + + + + + + + + { handleTambah() }} /> + + + + + ) +} \ No newline at end of file diff --git a/app/(application)/group/index.tsx b/app/(application)/group/index.tsx new file mode 100644 index 0000000..69af22c --- /dev/null +++ b/app/(application)/group/index.tsx @@ -0,0 +1,85 @@ +import BorderBottomItem from "@/components/borderBottomItem"; +import ButtonTab from "@/components/buttonTab"; +import InputSearch from "@/components/inputSearch"; +import { ColorsStatus } from "@/constants/ColorsStatus"; +import Styles from "@/constants/Styles"; +import { AntDesign, Feather, MaterialCommunityIcons } from "@expo/vector-icons"; +import { router, useLocalSearchParams } from "expo-router"; +import { SafeAreaView, ScrollView, View } from "react-native"; + +export default function Index() { + const { active } = useLocalSearchParams<{ active?: string }>(); + + return ( + + + + + { router.push('/group?active=true') }} + label="Aktif" + icon={} + n={2} /> + { router.push('/group?active=false') }} + label="Tidak Aktif" + icon={} + n={2} /> + + + + + + + } + title="Adat" + /> + + + + } + title="Dinas" + /> + + + + } + title="PKK" + /> + + + + } + title="Karang Taruna" + /> + + + + } + title="Koperasi" + /> + + + + + ) +} \ No newline at end of file diff --git a/app/(application)/notification.tsx b/app/(application)/notification.tsx index fcaf809..87633ba 100644 --- a/app/(application)/notification.tsx +++ b/app/(application)/notification.tsx @@ -21,6 +21,7 @@ export default function Notification() { @@ -31,6 +32,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -41,6 +43,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -51,6 +54,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -61,6 +65,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -71,6 +76,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -81,6 +87,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -91,6 +98,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> @@ -101,6 +109,7 @@ export default function Notification() { desc="Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum temporibus" /> diff --git a/app/(application)/search.tsx b/app/(application)/search.tsx index 1f802ee..b7a9113 100644 --- a/app/(application)/search.tsx +++ b/app/(application)/search.tsx @@ -1,6 +1,7 @@ import BorderBottomItem from "@/components/borderBottomItem"; import ButtonBackHeader from "@/components/buttonBackHeader"; import { InputForm } from "@/components/inputForm"; +import InputSearch from "@/components/inputSearch"; import { ColorsStatus } from "@/constants/ColorsStatus"; import Styles from "@/constants/Styles"; import { AntDesign, Feather, MaterialIcons } from "@expo/vector-icons"; @@ -20,16 +21,12 @@ export default function Search() { /> - } - /> + ANGGOTA DIVISI @@ -68,6 +68,7 @@ export default function Search() { subtitle="Dinas" /> @@ -80,6 +81,7 @@ export default function Search() { KEGIATAN @@ -89,6 +91,7 @@ export default function Search() { subtitle="Dinas" /> @@ -98,6 +101,7 @@ export default function Search() { subtitle="Dinas" /> diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx index f9d16be..0524bc7 100644 --- a/components/borderBottomItem.tsx +++ b/components/borderBottomItem.tsx @@ -8,11 +8,12 @@ type Props = { desc?: string rightTopInfo?: string onPress?: () => void + borderType: 'all' | 'bottom' } -export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo }: Props) { +export default function BorderBottomItem({ title, subtitle, icon, desc, onPress, rightTopInfo, borderType }: Props) { return ( - + {icon} diff --git a/components/buttonTab.tsx b/components/buttonTab.tsx new file mode 100644 index 0000000..26dbf8e --- /dev/null +++ b/components/buttonTab.tsx @@ -0,0 +1,23 @@ +import { ColorsStatus } from "@/constants/ColorsStatus" +import Styles from "@/constants/Styles" +import { AntDesign, Feather } from "@expo/vector-icons" +import { Text, TouchableOpacity } from "react-native" + +type Props = { + active: string + value: string + onPress: () => void + label: string + icon: React.ReactNode + n: number +} + + +export default function ButtonTab({ active, value, onPress, label, n, icon }: Props) { + return ( + { onPress() }}> + {icon} + {label} + + ) +} \ No newline at end of file diff --git a/components/drawerBottom.tsx b/components/drawerBottom.tsx new file mode 100644 index 0000000..37c13eb --- /dev/null +++ b/components/drawerBottom.tsx @@ -0,0 +1,31 @@ +import Styles from "@/constants/Styles" +import { MaterialIcons } from "@expo/vector-icons" +import { Modal, Pressable, Text, View } from "react-native" + +type Props = { + isVisible: boolean + setVisible: (value: boolean) => void + title?: string + children: React.ReactNode + animation: 'slide' | 'none' | 'fade' +} + +export default function DrawerBottom({ isVisible, setVisible, title, children, animation }: Props) { + return ( + + + + + {title} + setVisible(false)}> + + + + + {children} + + + + + ) +} \ No newline at end of file diff --git a/components/inputForm.tsx b/components/inputForm.tsx index 73a7d1b..a24f1c9 100644 --- a/components/inputForm.tsx +++ b/components/inputForm.tsx @@ -46,10 +46,10 @@ export function InputForm({ label, placeholder, onChange, info, error, errorText return ( - + { label != undefined && ( - + {label} {required && (*)} diff --git a/components/inputSearch.tsx b/components/inputSearch.tsx new file mode 100644 index 0000000..da7872b --- /dev/null +++ b/components/inputSearch.tsx @@ -0,0 +1,14 @@ +import { Feather } from "@expo/vector-icons"; +import { InputForm } from "./inputForm"; + +export default function InputSearch({ onChange }: { onChange?: (val: string) => void }) { + return ( + } + onChange={onChange} + /> + ) +} \ No newline at end of file diff --git a/components/menuItemRow.tsx b/components/menuItemRow.tsx new file mode 100644 index 0000000..14d4880 --- /dev/null +++ b/components/menuItemRow.tsx @@ -0,0 +1,19 @@ +import Styles from "@/constants/Styles" +import { Pressable, Text, View } from "react-native" + +type Props = { + onPress: () => void + icon: React.ReactNode + title: string +} + +export default function MenuItemRow({ onPress, icon, title }: Props) { + return ( + { onPress() }} style={[Styles.btnMenuRow]}> + + {icon} + {title} + + + ) +} \ No newline at end of file diff --git a/constants/ColorsStatus.ts b/constants/ColorsStatus.ts index 4265ca1..9eeab6f 100644 --- a/constants/ColorsStatus.ts +++ b/constants/ColorsStatus.ts @@ -13,5 +13,14 @@ export const ColorsStatus = { }, error: { backgroundColor: '#DB1514' + }, + orange: { + backgroundColor: 'orange' + }, + white: { + backgroundColor: 'white' + }, + lightGreen: { + backgroundColor: '#d2f0cb' } } \ No newline at end of file diff --git a/constants/Styles.ts b/constants/Styles.ts index 0fe85d4..246a00f 100644 --- a/constants/Styles.ts +++ b/constants/Styles.ts @@ -53,6 +53,9 @@ const Styles = StyleSheet.create({ cWhite: { color: 'white' }, + cBlack: { + color: 'black' + }, cDefault: { color: '#19345E' }, @@ -92,6 +95,9 @@ const Styles = StyleSheet.create({ mr10: { marginRight: 10 }, + ml05: { + marginLeft: 5 + }, ml10: { marginLeft: 10 }, @@ -135,9 +141,21 @@ const Styles = StyleSheet.create({ marginTop: 15, paddingVertical: 10 }, + btnTab: { + alignItems: 'center', + paddingVertical: 10, + paddingHorizontal: 15, + borderRadius: 20, + flexDirection: 'row', + justifyContent: 'center' + }, + btnMenuRow: { + width: '33%', + alignItems: 'center' + }, inputRoundForm: { borderRadius: 10, - borderColor: '#19345E', + borderColor: 'gray', borderWidth: 1, paddingVertical: 10, paddingHorizontal: 15, @@ -251,6 +269,14 @@ const Styles = StyleSheet.create({ borderColor: '#d6d8f6', borderBottomWidth: 1, }, + wrapItemBorderAll: { + padding: 10, + borderColor: '#d6d8f6', + borderWidth: 1, + borderRadius: 10, + marginBottom: 10 + }, + userProfileSmall: { width: 48, height: 48, @@ -271,7 +297,34 @@ const Styles = StyleSheet.create({ alignItems: 'center', borderBottomLeftRadius: 25, borderBottomRightRadius: 25 - } + }, + modalBgTransparant: { + backgroundColor: 'rgba(0, 0, 0, 0.3)', + flex: 1 + }, + modalContent: { + width: '100%', + paddingBottom: 20, + backgroundColor: 'white', + borderTopRightRadius: 18, + borderTopLeftRadius: 18, + position: 'absolute', + bottom: 0, + }, + titleContainer: { + backgroundColor: 'white', + borderTopRightRadius: 10, + borderTopLeftRadius: 10, + paddingHorizontal: 20, + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'space-between', + paddingVertical: 10 + }, + contentContainer: { + paddingHorizontal: 20, + height: '80%' + }, }) export default Styles; \ No newline at end of file