45 lines
1.7 KiB
TypeScript
45 lines
1.7 KiB
TypeScript
|
"use client";
|
|||
|
|
|
|||
|
|
import { useEffect } from "react";
|
|||
|
|
import { notify } from "@/lib/notifications/store";
|
|||
|
|
|
|||
|
|
const THREADS_ERROR_LABELS: Record<string, string> = {
|
|||
|
|
no_active_account: "請先在側欄選定帳號，再綁定官方 API。",
|
|||
|
|
missing_app_credentials: "系統尚未設定 Threads App，請聯絡管理員。",
|
|||
|
|
missing_code: "授權未完成，請重新綁定。",
|
|||
|
|
account_not_found: "帳號不存在，請重新選擇後再試。",
|
|||
|
|
"4476002": "Threads 不認得這個 App ID，請聯絡管理員檢查 Meta 後台設定。",
|
|||
|
|
"1349187": "Meta 拒絕不安全的 http 登入，請使用 https 網址。",
|
|||
|
|
"1349168": "Redirect URI 未列入 Meta 白名單，請聯絡管理員。",
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export function ThreadsOAuthToast() {
|
|||
|
|
useEffect(() => {
|
|||
|
|
const params = new URLSearchParams(window.location.search);
|
|||
|
|
const connected = params.get("threads_connected");
|
|||
|
|
const error = params.get("threads_error");
|
|||
|
|
const bindThreads = params.get("bind_threads");
|
|||
|
|
|
|||
|
|
if (connected === "1") {
|
|||
|
|
notify({ type: "success", title: "Threads 官方 API 已綁定" });
|
|||
|
|
window.history.replaceState({}, "", window.location.pathname);
|
|||
|
|
} else if (error) {
|
|||
|
|
notify({
|
|||
|
|
type: "error",
|
|||
|
|
title: "Threads 授權失敗",
|
|||
|
|
message: THREADS_ERROR_LABELS[error] ?? decodeURIComponent(error),
|
|||
|
|
});
|
|||
|
|
window.history.replaceState({}, "", window.location.pathname);
|
|||
|
|
} else if (bindThreads === "1") {
|
|||
|
|
notify({
|
|||
|
|
type: "info",
|
|||
|
|
title: "歡迎使用巡樓",
|
|||
|
|
message: "建議先到「連線設定」綁定 Threads 帳號，才能開始海巡與發文。",
|
|||
|
|
href: "/connections",
|
|||
|
|
});
|
|||
|
|
window.history.replaceState({}, "", window.location.pathname);
|
|||
|
|
}
|
|||
|
|
}, []);
|
|||
|
|
|
|||
|
|
return null;
|
|||
|
|
}
|