useTags.tsx

import { useState, useEffect } from 'react';
import useSWR from 'swr';
import {
  type SocrataTagsGQL, type Tag,
  SocrataRepoTagsQuery, unifiedFetcher, filterDates
} from './data'

/** Fetch all Socrata tags via Unified GQL API */
const useTags = () => {
  const { data: tagsData, error: tagsError } = useSWR<SocrataTagsGQL>(SocrataRepoTagsQuery, unifiedFetcher)
  const [tags, setTags] = useState<string[]>();

  useEffect(() => {
    if (tagsData) {
      const filteredDates = filterDates(tagsData.tags.nodes.map(({ tag }) => tag)).sort()
      setTags(filteredDates)
    }
  }, [tagsData])

  return { tags, tagsError }
}

export default useTags;