"use client";
import { TournamentDataProps } from "@/types";
import { useEffect, useState } from "react";
export default function TournamentTable({
tournamentData,
}: TournamentDataProps) {
// TODO put most of this is a custom hook
const [tournamentFilter, setTournamentFilter] = useState(""); // text from search bar
const [filteredTournamentData, setFilteredTournamentData] =
useState(tournamentData);
useEffect(() => {
setFilteredTournamentData(
tournamentData.filter((t) =>
t.town.includes(tournamentFilter.toUpperCase())
)
);
}, [tournamentFilter]);
const tournaments = filteredTournamentData.map((t) => (