fix ts errors

flosrn · Jan 12, 2024 · b9dc6a1 · b9dc6a1
1 parent af5c54b
commit b9dc6a1
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/app/(community)/profile/[username]/components/board/remove-from-board-button.tsx b/app/(community)/profile/[username]/components/board/remove-from-board-button.tsx
@@ -64,13 +64,15 @@ const RemoveFromBoardButton = ({
   ) => {
     event.preventDefault();
     try {
-      selectedPosters.map(async (posterId) => {
-        addToRemoveFromBoard(posterId);
-        await removeFromMutation.mutateAsync({
-          posterId,
-          boardId,
-        });
-      });
+      await Promise.all(
+        selectedPosters.map(async (posterId) => {
+          addToRemoveFromBoard(posterId);
+          await removeFromMutation.mutateAsync({
+            posterId,
+            boardId,
+          });
+        })
+      );
       clearSelectedPosters();
       clearToRemoveFromBoard();
     } catch {

diff --git a/app/(community)/profile/[username]/components/delete-button.tsx b/app/(community)/profile/[username]/components/delete-button.tsx
@@ -43,7 +43,9 @@ const DeleteButton = ({ isSelectedPostersEmpty }: DeleteButtonProps) => {
   const handleDelete = async (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     try {
-      selectedPosters.map(async (id) => deleteMutation.mutateAsync(id));
+      await Promise.all(
+        selectedPosters.map(async (id) => deleteMutation.mutateAsync(id))
+      );
       clearSelectedPosters();
       toggleSelectBar();
     } catch {

diff --git a/src/components/hero/stars-particles.tsx b/src/components/hero/stars-particles.tsx
@@ -1,15 +1,16 @@
 "use client";
 
 import React, { useCallback } from "react";
-import Particles from "react-particles";
+import { Particles } from "react-particles";
 import { loadFull } from "tsparticles";
 import type { Engine } from "tsparticles-engine";
 
 type StarsParticlesProps = {};
 
 const StarsParticles = ({}: StarsParticlesProps) => {
   const particlesInit = useCallback(async (engine: Engine) => {
-    await loadFull(engine);
+    // @ts-expect-error - no types for this
+    return await loadFull(engine);
   }, []);
 
   return (