From 5877e71c86012491826213ae607afe0040d841df Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 10 Mar 2026 20:11:25 -0600
Subject: [PATCH] disable buttons for server compatibility settings

---
 .../ui/project-settings/CompatibilityCard.vue | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
index d7c18e6667..e5270fb04e 100644
--- a/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
+++ b/apps/frontend/src/components/ui/project-settings/CompatibilityCard.vue
@@ -40,13 +40,17 @@
 					</div>
 				</div>
 				<ButtonStyled v-if="content" type="outlined">
-					<button class="!border-[1px]" @click="handleSwitchCompatibility">
+					<button
+						class="!border-[1px]"
+						@click="handleSwitchCompatibility"
+						:disabled="!hasPermission"
+					>
 						<ArrowLeftRightIcon />
 						Switch type
 					</button>
 				</ButtonStyled>
 				<ButtonStyled v-else>
-					<button @click="handleSetCompatibility">
+					<button @click="handleSetCompatibility" :disabled="!hasPermission">
 						<ComponentIcon />
 						Set compatibility
 					</button>
@@ -183,14 +187,18 @@
 				</div>
 
 				<ButtonStyled v-if="content">
-					<button class="!w-full !max-w-[160px]" @click="handleUpdateContent">
+					<button
+						class="!w-full !max-w-[160px]"
+						@click="handleUpdateContent"
+						:disabled="!hasPermission"
+					>
 						<RefreshCwIcon />
 						Update
 					</button>
 				</ButtonStyled>
 			</div>
 		</div>
-		<ServerCompatibilityModal ref="serverCompatibilityModal" />
+		<ServerCompatibilityModal v-if="hasPermission" ref="serverCompatibilityModal" />
 	</div>
 </template>
 
@@ -224,10 +232,15 @@ const serverCompatibilityModal = useTemplateRef<InstanceType<typeof ServerCompat
 	'serverCompatibilityModal',
 )
 
-const { projectV3 } = injectProjectPageContext()
+const { projectV3, currentMember } = injectProjectPageContext()
 const { labrinth } = injectModrinthClient()
 const tags = useGeneratedState()
 
+const hasPermission = computed(() => {
+	const EDIT_DETAILS = 1 << 2
+	return ((currentMember.value?.permissions ?? 0) & EDIT_DETAILS) === EDIT_DETAILS
+})
+
 const content = computed(() => {
 	if (!projectV3.value) return null