File size: 1,682 Bytes
e7185a2 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | import React from 'react'
import { useState } from 'react'
import reactLogo from '../assets/react.svg'
import viteLogo from '/vite.svg'
import axios from 'axios'
import Button from '../styled_components/Button'
import { Link } from 'react-router-dom'
import { Navigate, useNavigate } from 'react-router-dom'
import ScoreCard from '../styled_components/Scorecard'
import { Leaderboard } from './Leaderboard'
import styled from 'styled-components'
import { useContext } from 'react'
import { Head } from './Request'
function Home({baseUrl}) {
let [result, setResult] = useState(false);
const navigate = useNavigate();
const getData = async () => {
const res = await axios.get('http://localhost:3000');
console.log(res.data);
setResult(res.data);
}
const handleClick = ()=>{
console.log("hi navigatering");
navigate('/leaderboard');
}
return (
<>
<h1>ASR fairness benchmark</h1>
{/* <button onClick={getData}> GET DATA </button> */}
{/* { result && <p> {result.message} at {result.endpoint} route </p> }
<p className="read-the-docs">
This platform allows users to request automatic speech recognition machine learning models, view performance metrics, and track model leaderboards.
</p>
<br></br> */}
{/* <Button type="submit" shadow="blue" bg="#3b82f6" color="white" onClick={handleClick}>Explore</Button> */}
{/* <newHead>sdsdsWelcome to ASR-Fairbench</newHead> */}
<Leaderboard baseUrl={baseUrl} />
</>
)
}
export {Home}
const newHead = styled(Head)`
background: #3b82f6;
color: #a9a9a9;
padding: 1rem;
font-size: 2rem;
text-align: center;
`;
|