upd: role akses

src/frontend/routes/apps.$appId.villages.$villageId.tsx

@@ -37,6 +37,7 @@ import {
 } from 'react-icons/tb'
 import useSWR from 'swr'
 import { API_URLS } from '../config/api'
+import { useSession } from '../hooks/useAuth'
 
 const fetcher = (url: string) => fetch(url).then((res) => res.json())
 
@@ -149,6 +150,9 @@ function VillageDetailPage() {
   const { appId, villageId } = useParams({ from: '/apps/$appId/villages/$villageId' })
   const navigate = useNavigate()
 
+  const { data: session } = useSession()
+  const isDeveloper = session?.user?.role === 'DEVELOPER'
+
   const { data: infoRes, isLoading: infoLoading, mutate } = useSWR(API_URLS.infoVillages(villageId), fetcher)
   const { data: gridRes, isLoading: gridLoading } = useSWR(API_URLS.gridVillages(villageId), fetcher)
 
@@ -323,6 +327,7 @@ function VillageDetailPage() {
             onClick={openConfirmModal}
             radius="md"
             loading={isUpdating}
+            disabled={!isDeveloper}
           >
             {village.isActive ? 'Deactivate' : 'Active'}
           </Button>