Unfollow tool for Bluesky

add redirecting and error notice

Changed files
+8 -4
src
+8 -4
src/App.tsx
···
toBeDeleted: boolean;
};
-
let [followRecords, setFollowRecords] = createStore<FollowRecord[]>([]);
-
let [loginState, setLoginState] = createSignal<boolean>();
+
const [followRecords, setFollowRecords] = createStore<FollowRecord[]>([]);
+
const [loginState, setLoginState] = createSignal<boolean>();
+
const [notice, setNotice] = createSignal("");
const client = await BrowserOAuthClient.load({
clientId: "https://cleanfollow-bsky.pages.dev/client-metadata.json",
···
}
const loginBsky = async (handle: string) => {
+
setNotice("Redirecting...");
try {
await client.signIn(handle, {
signal: new AbortController().signal,
});
-
} catch (err) {}
+
} catch (err) {
+
setNotice("Error during OAuth redirection");
+
}
};
const logoutBsky = async () => {
···
const [loginInput, setLoginInput] = createSignal("");
const [progress, setProgress] = createSignal(0);
const [followCount, setFollowCount] = createSignal(0);
-
const [notice, setNotice] = createSignal("");
const fetchHiddenAccounts = async () => {
const fetchFollows = async () => {
···
<h1 class="text-2xl mb-5">cleanfollow-bsky</h1>
<div class="mb-3 text-center">
<p>Unfollow blocked, deleted, suspended, and deactivated accounts</p>
+
<p>By default, every account will be unselected</p>
<div>
<a
class="text-blue-600 hover:underline"