upd: ui home

Deskripsi:
- update package
- ui diskusi home
- ui event home
- ui bar chart home
- ui pie chart home
- ui divisi home

No Issues

constants/ColorsStatus.ts

@@ -0,0 +1,17 @@
+export const ColorsStatus = {
+   primary: {
+      backgroundColor: '#19345E'
+   },
+   success: {
+      backgroundColor: 'green'
+   },
+   info: {
+      backgroundColor: 'blue'
+   },
+   warning: {
+      backgroundColor: '#FCAA4B'
+   },
+   error: {
+      backgroundColor: '#DB1514'
+   }
+}

constants/Styles.ts

@@ -56,20 +56,64 @@ const Styles = StyleSheet.create({
    cDefault: {
       color: '#19345E'
    },
+   mb05: {
+      marginBottom: 5
+   },
+   mb10: {
+      marginBottom: 10
+   },
    mb15: {
       marginBottom: 15
    },
    mb30: {
       marginBottom: 30
    },
+   mv05: {
+      marginVertical: 5
+   },
+   mv15: {
+      marginVertical: 15
+   },
+   mv10: {
+      marginVertical: 10
+   },
+   mt05: {
+      marginTop: 5
+   },
+   mr05:{
+      marginRight: 5
+   },
+   mr10: {
+      marginRight: 10
+   },
+   ph15: {
+      paddingHorizontal: 15,
+   },
    round30: {
       borderRadius: 30
    },
+   labelStatus: {
+      paddingHorizontal: 15,
+      borderRadius: 10
+   },
+   rowSpaceBetween: {
+      justifyContent: 'space-between',
+      flexDirection: 'row'
+   },
+   rowItemsCenter: {
+      flexDirection: 'row',
+      alignItems: 'center'
+   },
    btnIconHeader: {
       backgroundColor: '#384288',
       padding: 7,
       borderRadius: 100,
    },
+   btnFiturMenu: {
+      backgroundColor: '#FCAA4B',
+      padding: 10,
+      borderRadius: 100,
+   },
    btnRound: {
       backgroundColor: '#19345E',
       borderWidth: 0,
@@ -118,6 +162,77 @@ const Styles = StyleSheet.create({
       borderRadius: 15,
       backgroundColor: '#19345E',
       display: 'flex',
+   },
+   wrapGridContent: {
+      shadowColor: '#171717',
+      shadowOffset: { width: -2, height: 4 },
+      shadowOpacity: 0.2,
+      shadowRadius: 3,
+      elevation: 10,
+      borderRadius: 15,
+   },
+   wrapGridCaraousel: {
+      width: '80%',
+      height: 200,
+      shadowColor: '#171717',
+      shadowOffset: { width: -2, height: 4 },
+      shadowOpacity: 0.2,
+      shadowRadius: 3,
+      elevation: 10,
+      borderRadius: 15,
+   },
+   headerPaperGrid: {
+      paddingVertical: 25,
+      alignItems: 'center',
+      borderTopStartRadius: 15,
+      borderTopEndRadius: 15
+   },
+   contentPaperGrid: {
+      backgroundColor: 'white',
+      height: 150,
+      borderBottomEndRadius: 15,
+      borderBottomStartRadius: 15,
+      paddingHorizontal: 20,
+      justifyContent: 'space-evenly'
+   },
+   wrapBar: {
+      height: 20,
+      backgroundColor: '#ccc',
+      borderRadius: 10,
+      margin: 10,
+   },
+   contentBar: {
+      height: 20,
+      backgroundColor: 'orange',
+      borderRadius: 10,
+   },
+   wrapPaper: {
+      padding: 15,
+      backgroundColor: 'white',
+      borderRadius: 15,
+   },
+   contentItemCenter: {
+      justifyContent: 'center',
+      alignItems: 'center'
+   },
+   itemEvent: {
+      padding: 10,
+      borderRadius: 10,
+      flexDirection: 'row',
+      alignContent: 'stretch',
+      marginBottom: 10
+   },
+   dividerEvent: {
+      width: 7,
+      borderRadius: 5,
+      marginRight: 10
+   },
+   wrapItemDiscussion: {
+      padding: 10,
+      borderRadius: 10,
+      borderColor: '#d6d8f6',
+      borderWidth: 1,
+      marginBottom: 10
    }
 })