Feat: Import 'loading-icon.scss' into 'LikeButton.tsx'

ITurres · Mar 5, 2024 · c93c071 · c93c071
1 parent 2df9c93
commit c93c071
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/UI/LikeButton.tsx b/src/components/UI/LikeButton.tsx
@@ -9,6 +9,7 @@ import { SlLike } from 'react-icons/sl';
 import { VscLoading } from 'react-icons/vsc';
 
 import '../../styles/UI/LikeButton.scss';
+import '../../styles/animations/loading-icon.scss';
 
 import involvement from '../../services/involvementAPI/involvementAPI.ts';
 
@@ -68,6 +69,8 @@ const LikeButton: React.FC<LikeButtonProps> = ({ itemId }) => {
 
     if (likedProject) {
       setLikeCount(likedProject.likes);
+      // ? at this point the loading spinner is still showing because of the initial API request.
+      // * so terminate the loading state, to show the like button with the like count.
       setLoadingToFalse();
     }
   }, [itemId, setLoadingToFalse]);