From 7f3dc6066d247cd72b6d06d6f87cf69bd2c0b334 Mon Sep 17 00:00:00 2001
From: Hazelnoot <acomputerdog@gmail.com>
Date: Fri, 9 May 2025 20:06:33 -0400
Subject: add warning for role conditions that are dependent on remote data

---
 packages/frontend/src/pages/admin/RolesEditorFormula.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'packages/frontend/src/pages/admin')

diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.vue b/packages/frontend/src/pages/admin/RolesEditorFormula.vue
index c937f3be71..bdb7396e63 100644
--- a/packages/frontend/src/pages/admin/RolesEditorFormula.vue
+++ b/packages/frontend/src/pages/admin/RolesEditorFormula.vue
@@ -97,6 +97,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 	<MkSwitch v-if="type === 'isFromInstance'" v-model="v.subdomains">
 		<template #label>{{ i18n.ts._role._condition.isFromInstanceSubdomains }}</template>
 	</MkSwitch>
+
+	<div v-if="['remoteFollowersLessThanOrEq', 'remoteFollowersMoreThanOrEq', 'remoteFollowingLessThanOrEq', 'remoteFollowingMoreThanOrEq'].includes(type)" :class="$style.warningBanner">
+		<i class="ti ti-alert-triangle"></i>
+		{{ i18n.ts._role.remoteDataWarning }}
+	</div>
 </div>
 </template>
 
@@ -205,4 +210,14 @@ function removeSelf() {
 		border-color: var(--MI_THEME-accent);
 	}
 }
+
+.warningBanner {
+	color: var(--MI_THEME-warn);
+	width: 100%;
+	padding: 0 6px;
+
+	> i {
+		margin-right: 4px;
+	}
+}
 </style>
-- 
cgit v1.2.3-freya