(page.tsx)

import ExploreTable from './explore-table';
import { auth } from '@clerk/nextjs';

export const metadata = {
    title: "PartnerFind | Explore"
};

export default async function ExplorePage() {
    async function fetchAllTableData(userId: string) { // fetch all the partners as well as user specific partners list
        'use server'
        try {
            const options = {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                }, 
                body: JSON.stringify({ userID: userId }), // Pass the user ID to the backend
            };
    
            const getAllRows = await fetch('/api/db/fetch-all-rows-with-user', options); // TODO
            if (getAllRows.ok) {
                const data = await getAllRows.json();
                return data
            } else {
                throw new Error("Error fetching rows from DB.");
            }
        } catch (error) {
            console.error("An error occurred while fetching from the DB:", error);
            throw new Error("An error occurred while fetching from the DB:");
        }
    }
    
    const { userId } : { userId: string | null } = auth(); //get clerk user ID
    let data: string | null = null;
    
    if (userId !== null) {
        data = await fetchAllTableData(userId);
    }
    
    return (
        <>
            <ExploreTable data={data || ''} />
        </>
    );
}