add useAddSocialPoints hook and apply to post create and upvote

Author: JM-Flores

apps/codebility/app/home/feeds/_components/CreatePostForm.tsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { Input } from "@/components/shared/dashboard/input";
 import { Button } from "@/components/ui/button";
+import { useAddSocialPoints } from "@/hooks/useAddSocialPoints";
 import { useUserStore } from "@/store/codev-store";
 import { useFeedsStore } from "@/store/feeds-store";
 import { uploadImage } from "@/utils/uploadImage";
@@ -21,6 +22,7 @@ const CreatePostForm = ({
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [uploadedImageIds, setUploadedImageIds] = useState<string[]>([]);
   const fetchPosts = useFeedsStore((state) => state.fetchPosts);
+  const { addSocialPoints } = useAddSocialPoints();
   const { user } = useUserStore();
 
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
@@ -65,6 +67,9 @@ const CreatePostForm = ({
       // Reset form
       form.reset();
       setImage(null);
+
+      //Add social points
+      await addSocialPoints(user?.id, "1");
     } catch (error) {
       console.error("Error creating post:", error);
       toast.error("Failed to create post.");

apps/codebility/app/home/feeds/_components/PostUpvote.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { useAddSocialPoints } from "@/hooks/useAddSocialPoints";
 import { useUserStore } from "@/store/codev-store";
 import { ArrowBigUp } from "lucide-react";
 
@@ -17,6 +18,7 @@ interface PostUpvoteProps {
 
 export default function PostUpvote({ post }: PostUpvoteProps) {
   const { user } = useUserStore();
+  const { addSocialPoints } = useAddSocialPoints();
 
   const [isUpvoted, setIsUpvoted] = useState(false);
   const [upvotes, setUpvotes] = useState(post.upvoters_id?.length || 0);
@@ -39,7 +41,7 @@ export default function PostUpvote({ post }: PostUpvoteProps) {
     checkUpvote();
   }, [user?.id, post?.id]);
 
-  const handleUpvote = (e: React.MouseEvent) => {
+  const handleUpvote = async (e: React.MouseEvent) => {
     if (user) {
       e.stopPropagation();
       e.preventDefault();
@@ -52,6 +54,9 @@ export default function PostUpvote({ post }: PostUpvoteProps) {
 
       setIsUpvoted((prev) => !prev);
       setUpvotes((prev) => prev + (isUpvoted ? -1 : 1));
+
+      //Add social points to author
+      await addSocialPoints(post?.author_id?.id, "2");
     }
   };
 

apps/codebility/app/home/feeds/_services/query.ts

@@ -11,6 +11,7 @@ export const getPosts = async () => {
     .select(`
       *,
       author_id(
+        id,
         first_name,
         last_name,
         image_url
@@ -32,6 +33,7 @@ export type PostType = {
   title: string;
   content: string;
   author_id?: {
+    id: string;
     first_name: string;
     last_name: string;
     image_url?: string;

apps/codebility/hooks/useAddSocialPoints.ts

@@ -0,0 +1,62 @@
+"use client";
+
+import { createClientClientComponent } from "@/utils/supabase/client";
+import { useEffect, useState, useCallback } from "react";
+
+export function useAddSocialPoints() {
+  const [supabase, setSupabase] = useState<any>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const client = createClientClientComponent();
+    setSupabase(client);
+  }, []);
+
+  const addSocialPoints = useCallback(
+    async (codevId: string | undefined, categoryId: string) => {
+      if (!supabase) return null;
+
+      try {
+        setLoading(true);
+        setError(null);
+
+        // Fetch category to get its points
+        const { data: category, error: categoryError } = await supabase
+          .from("social_points_categories")
+          .select("*")
+          .eq("id", categoryId)
+          .single();
+
+        if (categoryError) throw categoryError;
+        if (!category) throw new Error("Category not found");
+
+        // Insert social points entry
+        const { data: socialPoints, error: insertError } = await supabase
+          .from("social_points")
+          .insert([
+            {
+              codev_id: codevId,
+              category_id: categoryId,
+              points: category.points,
+            },
+          ])
+          .select()
+          .single();
+
+        if (insertError) throw insertError;
+
+        return socialPoints;
+      } catch (err: any) {
+        console.error("Error adding social points:", err);
+        setError(err.message || "Unknown error");
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [supabase]
+  );
+
+  return { addSocialPoints, loading, error };
+}