diff --git a/resources/assets/js/components/LocaleDropdown.vue b/resources/assets/js/components/LocaleDropdown.vue
index fb6f762c..f5102e23 100644
--- a/resources/assets/js/components/LocaleDropdown.vue
+++ b/resources/assets/js/components/LocaleDropdown.vue
@@ -13,10 +13,10 @@
         </a>
       </div>
     </li> -->
-    <li v-if="user"><a class="nav-link" href="#" role="button">Update Rate</a></li>
-    <li v-if="user"><a class="nav-link" href="#" role="button">Complete Order</a></li>
-    <li v-if="user"><a class="nav-link" href="#" role="button">Transaction History</a></li>
-    <li v-if="user"><a class="nav-link" href="#" role="button">Upload Supplier Bank Slip to System</a></li>
+    <li v-if="(user && role == 'admin')"><a class="nav-link" href="#" role="button">Update Rate</a></li>
+    <li v-if="(user && role == 'admin')"><a class="nav-link" href="#" role="button">Complete Order</a></li>
+    <li v-if="(user && role == 'admin')"><a class="nav-link" href="#" role="button">Transaction History</a></li>
+    <li v-if="(user && role == 'admin')"><a class="nav-link" href="#" role="button">Upload Supplier Bank Slip to System</a></li>
   </ul>
  </div> 
 </template>
@@ -29,7 +29,8 @@ export default {
   computed: mapGetters({
     locale: 'lang/locale',
     locales: 'lang/locales',
-    user: 'auth/user'
+    user: 'auth/user',
+    role: 'auth/role'
   }),
 
   methods: {