merge: Add warning banner about word mute limitations (resolves #784) (!1017)

View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/1017

Closes #784

Approved-by: Marie <github@yuugi.dev>
Approved-by: dakkar <dakkar@thenautilus.net>

locales/index.d.ts

@@ -13045,6 +13045,10 @@ export interface Locale extends ILocale {
      * Text does not match any patterns.
      */
     "wordMuteTestNoMatch": string;
+    /**
+     * All word mutes are *case-sensitive* and match on any substring, including part of a longer word or name. You can use regular expressions for more precise control.
+     */
+    "wordMuteWarning": string;
     /**
      * Bubble timeline
      */

packages/frontend/src/pages/settings/mute-block.vue

@@ -22,6 +22,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<div class="_gaps_m">
 						<MkInfo>{{ i18n.ts.wordMuteDescription }}</MkInfo>
 
+						<MkInfo warn>{{ i18n.ts.wordMuteWarning }}</MkInfo>
+
 						<SearchMarker
 							:label="i18n.ts.showMutedWord"
 							:keywords="['show']"
@@ -44,6 +46,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 					<div class="_gaps_m">
 						<MkInfo>{{ i18n.ts.hardWordMuteDescription }}</MkInfo>
+
+						<MkInfo warn>{{ i18n.ts.wordMuteWarning }}</MkInfo>
+
 						<XWordMute :muted="$i.hardMutedWords" @save="saveHardMutedWords"/>
 					</div>
 				</MkFolder>

sharkey-locales/en-US.yml

@@ -563,6 +563,7 @@ wordMuteTestTest: "Test"
 wordMuteTestMatch: "Matched words: {words}"
 wordMuteTestNoResults: "No results yet, enter some text and click \"Test\" to check it."
 wordMuteTestNoMatch: "Text does not match any patterns."
+wordMuteWarning: "All word mutes are *case-sensitive* and match on any substring, including part of a longer word or name. You can use regular expressions for more precise control."
 
 bubbleTimeline: "Bubble timeline"
 bubbleTimelineDescription: "Choose which instances should be displayed in the bubble."