LatestDocsVersion

import React, { useEffect, useState } from 'react';

const LatestDocsVersion = () => {
  const [version, setVersion] = useState('Loading...');

  useEffect(() => {
    const url = 'https://api.github.com/repos/lavanet/docs/releases/latest';

    fetch(url, {
      headers: {
        'Accept': 'application/vnd.github+json',
        'X-GitHub-Api-Version': '2022-11-28',
      },
    })
    .then(response => {
      if (!response.ok) {
        throw new Error(`HTTP error! status: ${response.status}`);
      }
      return response.json();
    })
    .then(data => {
      setVersion(data.tag_name);
    })
    .catch(error => {
      console.error('Error fetching version:', error);
      setVersion('Failed to load version');
    });
  }, []);

  return (
    <span>{version}</span> // Wrapped in a span for potential styling or semantic purposes
  );
};

export default LatestDocsVersion;