Fix multisync button (#688)

* Bug fix: check user roles in repo clone * Fix typo
OpenCSGs · Nov 7, 2024 · 7cd9ee7 · 7cd9ee7
1 parent 84ed668
commit 7cd9ee7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/components/new_admin/AdminNavbar.vue b/frontend/src/components/new_admin/AdminNavbar.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="w-full h-[60px] bg-[#1C7A6C]">
     <div class="max-w-[1280px] m-auto h-full flex justify-between items-center">
-      <p class="font-[700] text-[#D1DDD0]"> OpenCSG Admin Pannel </p>
+      <p class="font-[700] text-[#D1DDD0]"> OpenCSG Admin Panel </p>
       <a href="/" target="_blank" class="font-[500] text-[#D1DDD0] underline"> Open Site </a>
       <p class="text-[#D1DDD0]">{{ userName }} ( {{ userRoles }} )</p>
     </div>

diff --git a/frontend/src/components/shared/RepoClone.vue b/frontend/src/components/shared/RepoClone.vue
@@ -173,7 +173,9 @@
   import useFetchApi from '../../packs/useFetchApi'
   import { ElMessage } from "element-plus"
   import AddToCollections from '../collections/AddToCollections.vue'
+  import useUserStore from '../../stores/UserStore'
 
+  const userStore = useUserStore()
   const { cookies } = useCookies()
 
   const props = defineProps({
@@ -226,7 +228,7 @@ git clone ${httpCloneProtocol.value}//${
   const accessToken = ref('')
 
   const showSyncButton = computed(() =>
-    props.admin &&
+    userStore.roles.includes('admin') &&
     props.repo.source === 'opencsg' &&
     ['pending', 'inprogress', 'failed'].includes(props.repo.sync_status)
   )

diff --git a/frontend/src/locales/en_js/admin.js b/frontend/src/locales/en_js/admin.js
@@ -1,7 +1,7 @@
 export const admin = {
   dashboard: {
     title: 'Admin Dashboard',
-    intro: 'This is the admin pannel, admin users can do the system settings here.'
+    intro: 'This is the admin panel, admin users can do the system settings here.'
   },
   syncSetting: {
     title: 'Sync Setting',