import { useEffect, useState } from "react";

import Filters from "../components/Filters";
import RepositoryTile from "../components/RepositoryTile";
import Pagination from "../components/Pagination";

interface IRepository {
  title: string;
  description: string;
  technology: string;
  stars: number;
  builtBy: object[];
}

export default function RepositoriesPage() {
  const [repositories, setRepositories] = useState<IRepository[]>([]);

  const getRepositories = async () => {
    const { data } = await fetch (`...`);
    setRepositories(data);
  };

  useEffect(() => {
    getRepositories();
  }, []);

const fs = require("fs");

const express = require("express");

const app = require();

app.use(express.static('${__dirname}/public'));

app.get("/api/repositories", (req, res) => {
 try{
  const { filters } = req.query;
  const { data } = Repository.find(filters);
  res.send(data);
 } catch (error) {
    console.error(error);
    res.status(500).send("Internal server error");
 }
});

app.listen(3000);