feat: adds previous unfollowed users list (#13)

agusmoles · Jan 10, 2025 · cd4b62f · cd4b62f
1 parent a22b8b2
commit cd4b62f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
diff --git a/src/main.tsx b/src/main.tsx
@@ -28,6 +28,10 @@ function App() {
     "iu-old-results",
     null
   );
+  const [unfollowedUsers, setUnfollowedUsers] = useLocalStorage<Node[]>(
+    "iu-unfollowed-users",
+    []
+  );
 
   useEffect(() => {
     const onBeforeUnload = (e: BeforeUnloadEvent) => {
@@ -154,6 +158,15 @@ function App() {
     const alertMessage = `⚠ Going to unfollow ${usersToUnfollow.length} users, are you sure?`;
     if (!confirm(alertMessage)) return;
 
+    const uniqueUnfollowedUsers = [
+      ...unfollowedUsers,
+      ...usersToUnfollow,
+    ].filter(
+      (user, index, self) => index === self.findIndex((t) => t.id === user.id)
+    );
+
+    setUnfollowedUsers(uniqueUnfollowedUsers);
+
     setState((prevState) => {
       if (prevState.status !== "scanning") return prevState;
       const oldResults = [...prevState.results];
@@ -374,6 +387,15 @@ function App() {
             <button className="unfollow-btn" onClick={handleUnfollow}>
               Unfollow {state.selectedResults.length} users
             </button>
+
+            <section>
+              Previous unfollowed users:
+              <ul>
+                {unfollowedUsers?.map((user) => (
+                  <li key={`unfollowed-${user.id}`}>{user.username}</li>
+                ))}
+              </ul>
+            </section>
           </article>
 
           <article className="users-container">