"use client"; import { createClient } from "@/utils/supabase/client"; import React, { useState, useEffect } from 'react'; function PageComponent() { const supabase = createClient(); const getData = async () => { } const [users, setUsers] = useState([ { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' }, { email: 'user1@example.com' }, { email: 'user2@example.com' }, { email: 'user3@example.com' } // Add more fake users as needed ]); useEffect(() => { getData(); }, []); return (
{}} className="mr-2 rounded-md bg-info-bright p-2 w-1/2 text-black shadow-lg" placeholder="Tag Name" />
$
{}} placeholder="Choose the tiers color"/>
{users.map((data, index) => ( ))}
{data.email} 0 Months
); } export default PageComponent;