import useSWR, { responseInterface } from 'swr';
import { get } from '../requests';
import { User, Event } from '../types';

type Response<T> = responseInterface<T, Error>;

const fetcher = (endpoint: string) => get(endpoint).then(response => response.data);

export const useUser = (username: string | null): Response<User> => {
  return useSWR(
    username && `/users?username=${username}`,
    (url: string) => get(url).then(response => response.data[0])
  );
};

export const useEvents = (): Response<Event[]> => {
  return useSWR(`/events`, fetcher);
};