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

constants/ColorsStatus.ts

@@ -13,5 +13,14 @@ export const ColorsStatus = {
    },
    error: {
       backgroundColor: '#DB1514'
+   },
+   orange: {
+      backgroundColor: 'orange'
+   },
+   white: {
+      backgroundColor: 'white'
+   },
+   lightGreen: {
+      backgroundColor: '#d2f0cb'
    }
 }

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;