diff --git a/src/components/about_us/TeamSlider.tsx b/src/components/about_us/TeamSlider.tsx index 7546edf..442a9eb 100644 --- a/src/components/about_us/TeamSlider.tsx +++ b/src/components/about_us/TeamSlider.tsx @@ -18,8 +18,19 @@ import arrowPrev from "../../icons/arrow-left-green.svg"; import arrowNext from "../../icons/arrow-right-green.svg"; import Skeleton from "react-loading-skeleton"; +// Types +import { Player } from "../../types/players"; + const TeamSlider = () => { - const [team, setTeam]: [any, React.Dispatch] = useState(); + const [team, setTeam]: [Player[], React.Dispatch] = useState([ + { + id: -1, + name: "", + img: "", + average: -1, + national: -1, + }, + ]); useEffect(() => { getTeam(setTeam); @@ -52,7 +63,7 @@ const TeamSlider = () => { prevEl: ".slider-prev", }} > - {team + {team[0].id !== -1 ? team.map((el: any) => { if (el.national) { return ( diff --git a/src/types/players.ts b/src/types/players.ts new file mode 100644 index 0000000..8f345bc --- /dev/null +++ b/src/types/players.ts @@ -0,0 +1,7 @@ +export interface Player { + id: number; + name: string; + national: number; + img: string; + average: number; +}