- Scanning {serviceName} users to find bsky users... + {chrome.i18n.getMessage("scanning_users", [serviceName])}
)} -- Detected {users.length} users -
+
+ dangerouslySetInnerHTML={{
+ __html: chrome.i18n.getMessage("detected_users", [
+ users.length.toString(),
+ ]),
+ }}
+ />
{errorMessage &&
- ⚠️ User detection is not perfect and may include false positives. + ⚠️ {chrome.i18n.getMessage("warning_user_detection")}
- If you find this tool helpful, I'd appreciate{" "} - - your support - {" "} - to help me maintain and improve it ☕ -
+
+ dangerouslySetInnerHTML={{
+ __html: getMessageWithLink("donate_message"),
+ }}
+ />
[role="button"]',
);
if (!isTargetPage) {
- return [
- false,
- "Invalid page. please open the following or followers view.",
- ];
+ return [false, chrome.i18n.getMessage("error_invalid_page_in_threads")];
}
return [true, ""];
}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index a04ab3e..3fe9d92 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -36,3 +36,21 @@ export const findFirstScrollableElements = (
return scrollableElements[0] ?? null;
};
+
+export const getMessageWithLink = (
+ key: string,
+ placeholders: string[] = [],
+) => {
+ const linkPattern = /\[(.*?)\]\((.*?)\)/g;
+ let message = chrome.i18n.getMessage(key, placeholders);
+ const links = message.matchAll(linkPattern);
+ for (const link of links) {
+ const [fullMatch, text, url] = link;
+ message = message.replace(
+ fullMatch,
+ `${text}`,
+ );
+ }
+
+ return message;
+};
diff --git a/src/options.tsx b/src/options.tsx
index ce1131e..2c81109 100644
--- a/src/options.tsx
+++ b/src/options.tsx
@@ -31,22 +31,20 @@ const Option = () => {
confirm: followAllConfirm,
ConfirmationDialog: FollowAllConfirmationDialog,
} = useConfirm({
- title: "Proceed with Execution?",
- message:
- "User detection is not perfect and may include false positives. Do you still want to proceed?",
- cancelText: "Cancel",
- okText: "OK",
+ title: chrome.i18n.getMessage("follow_all_confirmation_title"),
+ message: chrome.i18n.getMessage("follow_all_confirmation_message"),
+ cancelText: chrome.i18n.getMessage("confirmation_cancel"),
+ okText: chrome.i18n.getMessage("confirmation_ok"),
});
const {
confirm: importListConfirm,
ConfirmationDialog: ImportListConfirmationDialog,
} = useConfirm({
- title: "Proceed with Execution?",
- message:
- "Importing a list will create a new list and add all detected users to it. This feature is experimental and may not work as expected. Do you still want to proceed?",
- cancelText: "Cancel",
- okText: "OK",
+ title: chrome.i18n.getMessage("import_list_confirmation_title"),
+ message: chrome.i18n.getMessage("import_list_confirmation_message"),
+ cancelText: chrome.i18n.getMessage("confirmation_cancel"),
+ okText: chrome.i18n.getMessage("confirmation_ok"),
});
const handleFollowAll = async () => {
@@ -54,10 +52,16 @@ const Option = () => {
return;
}
toast.promise(followAll, {
- pending: "Processing...",
+ pending: chrome.i18n.getMessage("toast_pending"),
success: {
render({ data }) {
- return Followed {data} users🎉;
+ return (
+
+ {chrome.i18n.getMessage("toast_follow_all_success", [
+ data.toString(),
+ ])}
+
+ );
},
},
});
@@ -68,10 +72,16 @@ const Option = () => {
return;
}
toast.promise(blockAll, {
- pending: "Processing...",
+ pending: chrome.i18n.getMessage("toast_pending"),
success: {
render({ data }) {
- return Blocked {data} users🎉;
+ return (
+
+ {chrome.i18n.getMessage("toast_block_all_success", [
+ data.toString(),
+ ])}
+
+ );
},
},
});
@@ -82,15 +92,17 @@ const Option = () => {
return;
}
toast.promise(importList, {
- pending: "Processing...",
+ pending: chrome.i18n.getMessage("toast_pending"),
success: {
render({ data }) {
return (
<>
- List imported successfully🎉
+
+ {chrome.i18n.getMessage("toast_import_list_success")}
+
- View Imported List
+ {chrome.i18n.getMessage("toast_import_list_success_view_list")}
);
@@ -98,8 +110,9 @@ const Option = () => {
},
error: {
render({ data }) {
- console.log(data);
- return `Failed to import list: ${data}`;
+ return chrome.i18n.getMessage("toast_import_list_error", [
+ data as string,
+ ]);
},
},
});
@@ -153,8 +166,12 @@ const Option = () => {
- Password
+ {chrome.i18n.getMessage("password")}