refactor(resources): remove resource-table and add implementation using table component, update actions for improved readability

Author: tyronejosee

src/actions/resources.ts

@@ -0,0 +1,22 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+import type { ResourceForm } from "@/types";
+
+export const createResource = async (input: ResourceForm) => {
+  const supabase = await createClient();
+
+  const { data: userData, error: userError } = await supabase.auth.getUser();
+  if (userError || !userData?.user) throw new Error("User not found");
+
+  const { id: userId } = userData.user;
+  const payload = { ...input, author: userId };
+  const { data, error } = await supabase
+    .from("resources")
+    .insert([payload])
+    .select()
+    .single();
+
+  if (error) throw new Error("Error creating resource");
+  return data;
+};

src/actions/resources/create-resource-by-user.ts

@@ -0,0 +1,20 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { createClient } from "@/lib/supabase/server";
+
+export async function deleteResourceByAdmin(resourceId: string) {
+  const supabase = await createClient();
+  const { error } = await supabase
+    .from("resources")
+    .delete()
+    .eq("id", resourceId);
+
+  if (error) throw new Error("Failed to delete resource");
+
+  const pathsToRevalidate = ["/explore", "/trending"];
+
+  for (const path of pathsToRevalidate) {
+    revalidatePath(path);
+  }
+}

src/actions/resources/delete-resource-by-admin.ts

@@ -0,0 +1,14 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+import type { Resource } from "@/types";
+
+export const getAllResources = async (): Promise<Resource[]> => {
+  const supabase = await createClient();
+  const { data, error } = await supabase.from("resources").select(`*,
+      category:categories (id, name, slug, created_at),
+      author:profiles (id, username, full_name, avatar_url)`);
+
+  if (error) throw new Error("Failed to fetch resources");
+  return data;
+};

src/actions/resources/get-all-resources.ts

@@ -0,0 +1,11 @@
+"use server";
+
+import type { ResourceList } from "@/types";
+
+export async function getRandomResources(): Promise<ResourceList[]> {
+  const res = await fetch(
+    `${process.env.NEXT_PUBLIC_BASE_URL}/api/resources/random`,
+    { next: { revalidate: 86400 } },
+  );
+  return await res.json();
+}

src/actions/resources/get-random-resources.ts

@@ -0,0 +1,20 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+import type { Resource } from "@/types";
+
+export const getResourceBySlug = async (
+  slug: string,
+): Promise<Resource | null> => {
+  const supabase = await createClient();
+  const { data, error } = await supabase
+    .from("resources")
+    .select(
+      "*, category:categories (id, name, slug, created_at), author:profiles (id, username, full_name, avatar_url)",
+    )
+    .eq("slug", slug)
+    .single();
+
+  if (error) throw new Error("Failed to fetch resource");
+  return data;
+};

src/actions/resources/get-resource-by-slug.ts

@@ -0,0 +1,27 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+import type { ResourceList } from "@/types";
+
+export const getResourcesByCategory = async (
+  category: string,
+): Promise<ResourceList[]> => {
+  const supabase = await createClient();
+  const { data, error } = await supabase
+    .from("resources")
+    .select(
+      `
+    id,
+    name,
+    slug,
+    image,
+    tags,
+    category:categories!inner (id, name, slug)
+    `,
+    )
+    .eq("categories.slug", category);
+
+  if (error) throw new Error("Failed to fetch resources");
+  // @ts-expect-error - supabase returns an array, but we want to return a single object
+  return data;
+};

src/actions/resources/get-resources-by-category.ts

@@ -0,0 +1,46 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+import type { Resource, Filters } from "@/types";
+
+export async function getResources(
+  filters: Filters,
+  from: number = 0,
+  to: number = 9,
+): Promise<Resource[]> {
+  const supabase = await createClient();
+  let query = supabase.from("resources").select("*").range(from, to);
+
+  // Filters
+  if (filters.category) {
+    query = query.eq("category", filters.category);
+  }
+
+  if (filters.search) {
+    query = query.ilike("name", `%${filters.search}%`);
+  }
+
+  query = query.eq("status", "approved");
+
+  // Sorting
+  switch (filters.sortBy) {
+    case "newest":
+      query = query.order("created_at", { ascending: false });
+      break;
+    case "oldest":
+      query = query.order("created_at", { ascending: true });
+      break;
+    case "popular":
+      query = query.order("views", { ascending: false });
+      break;
+    case "name":
+      query = query.order("name", { ascending: true });
+      break;
+    case "":
+      break;
+  }
+
+  const { data, error } = await query;
+  if (error) throw new Error("Failed to fetch resources");
+  return data;
+}

src/actions/resources/get-resources.ts

@@ -0,0 +1,14 @@
+"use server";
+
+import { createClient } from "@/lib/supabase/server";
+
+export async function getUserResources(userId: string) {
+  const supabase = await createClient();
+  const { data, error } = await supabase
+    .from("resources")
+    .select(`*, category:categories (id, name)`)
+    .eq("author", userId);
+
+  if (error) throw new Error("Failed to fetch resources");
+  return data;
+}

src/actions/resources/get-user-resources.ts

@@ -0,0 +1,11 @@
+export * from "./create-resource-by-user";
+export * from "./delete-resource-by-admin";
+export * from "./get-all-resources";
+export * from "./get-random-resources";
+export * from "./get-resource-by-slug";
+export * from "./get-resources-by-category";
+export * from "./get-resources";
+export * from "./get-user-resources";
+export * from "./search-resources";
+export * from "./update-resource-by-user";
+export * from "./update-resource-status-by-admin";