export default async function FetchAnnouncements() {
  const spreadsheet_id = process.env.SPREADSHEET_ID;
  const tab_name = "Announcements";
  const api_key = process.env.SPREADSHEET_KEY;
  const url = `https://sheets.googleapis.com/v4/spreadsheets/${spreadsheet_id}/values/${tab_name}?alt=json&key=${api_key}`;

  try {
    const res = await fetch(url);
    const result = await res.json();
    const { values } = result;
    return values
      ?.slice(1)
      .reverse()
      .map((e: string[], i: number) => {
        return <Item name={e[1]} date={e[2]} text={e[0]} key={i} />;
      });
  } catch (err) {
    console.error(err);
    return <div className="p-5">An error occurred when fetching announcements</div>;
  }
}