diff --git a/app/(application)/feature.tsx b/app/(application)/feature.tsx
index 1a0e547..e66c553 100644
--- a/app/(application)/feature.tsx
+++ b/app/(application)/feature.tsx
@@ -1,11 +1,27 @@
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import { ButtonFiturMenu } from "@/components/buttonFiturMenu";
 import Styles from "@/constants/Styles";
+import { apiGetProfile } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { AntDesign, Entypo, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
+import { useEffect, useState } from "react";
 import { SafeAreaView, View } from "react-native";
 
 export default function Feature() {
+   const { token, decryptToken } = useAuthSession()
+   const [roleUser, setRoleUser] = useState('user')
+
+   async function handleUserLogin() {
+      const hasil = await decryptToken(String(token?.current))
+      const respons = await apiGetProfile({ id: hasil })
+      setRoleUser(respons.data.idUserRole)
+   }
+
+   useEffect(() => {
+      handleUserLogin()
+   })
+
    return (
       <SafeAreaView>
          <Stack.Screen
@@ -22,15 +38,26 @@ export default function Feature() {
                <ButtonFiturMenu icon={<MaterialIcons name="campaign" size={35} color="black" />} text="Pengumuman" onPress={() => { router.push('/announcement') }} />
                <ButtonFiturMenu icon={<Ionicons name="chatbubbles-sharp" size={35} color="black" />} text="Diskusi" onPress={() => { router.push('/discussion?active=true') }} />
             </View>
-            <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
+            <View style={[Styles.rowSpaceBetween, Styles.mb15, (roleUser != 'supadmin' && roleUser != 'developer' && roleUser != 'cosupadmin' && Styles.w40)]}>
                <ButtonFiturMenu icon={<MaterialIcons name="groups" size={35} color="black" />} text="Anggota" onPress={() => { router.push('/member?active=true') }} />
                <ButtonFiturMenu icon={<MaterialCommunityIcons name="account-tie" size={35} color="black" />} text="Jabatan" onPress={() => { router.push('/position?active=true') }} />
-               <ButtonFiturMenu icon={<AntDesign name="tags" size={35} color="black" />} text="Lembaga Desa" onPress={() => { router.push('/group?active=true') }} />
-               <ButtonFiturMenu icon={<Ionicons name="color-palette-sharp" size={35} color="black" />} text="Tema" onPress={() => { }} />
-            </View>
-            <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
-               <ButtonFiturMenu icon={<Entypo name="image-inverted" size={35} color="black" />} text="Banner" onPress={() => { router.push('/banner') }} />
+               {
+                  roleUser == "cosupadmin" && <ButtonFiturMenu icon={<Entypo name="image-inverted" size={35} color="black" />} text="Banner" onPress={() => { router.push('/banner') }} />
+               }
+               {
+                  (roleUser == "supadmin" || roleUser == "developer") &&
+                  <>
+                     <ButtonFiturMenu icon={<AntDesign name="tags" size={35} color="black" />} text="Lembaga Desa" onPress={() => { router.push('/group?active=true') }} />
+                     <ButtonFiturMenu icon={<Ionicons name="color-palette-sharp" size={35} color="black" />} text="Tema" onPress={() => { }} />
+                  </>
+               }
             </View>
+            {
+               (roleUser == "supadmin" || roleUser == "developer") &&
+               <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
+                  <ButtonFiturMenu icon={<Entypo name="image-inverted" size={35} color="black" />} text="Banner" onPress={() => { router.push('/banner') }} />
+               </View>
+            }
          </View>
       </SafeAreaView>
    )
diff --git a/constants/Styles.ts b/constants/Styles.ts
index 34b0dc9..a7a9267 100644
--- a/constants/Styles.ts
+++ b/constants/Styles.ts
@@ -173,6 +173,12 @@ const Styles = StyleSheet.create({
    w50: {
       width: '50%'
    },
+   w40: {
+      width: '40%'
+   },
+   w30: {
+      width: '30%'
+   },
    round30: {
       borderRadius: 30
    },