2022-08-26 13:46:21 +00:00
|
|
|
import React, {useEffect, useState} from "react"
|
|
|
|
|
|
|
|
import Layout from "../components/layout"
|
|
|
|
import RepoCard from "../components/cards/repo"
|
2022-08-26 15:30:19 +00:00
|
|
|
import bgImage from "../media/phones.png"
|
2022-08-26 13:46:21 +00:00
|
|
|
|
|
|
|
const IndexPage = () => {
|
|
|
|
const [repos, setRepos] = useState([]);
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
fetch("https://raw.githubusercontent.com/recloudstream/cs-repos/master/repos-db.json")
|
|
|
|
.then(r => r.json())
|
|
|
|
.then(data => {
|
|
|
|
setRepos(data)
|
|
|
|
})
|
|
|
|
}, [setRepos])
|
|
|
|
|
|
|
|
return <Layout>
|
|
|
|
<div className="flex items-center w-full flex-col">
|
|
|
|
{repos &&
|
|
|
|
repos.map((it, index) => <RepoCard url={it} key={index} isFirst={index===0}/>)
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</Layout>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export function Head() {
|
|
|
|
return (
|
2022-08-26 15:30:19 +00:00
|
|
|
<>
|
|
|
|
<title>Cloudstream Repositories</title>
|
|
|
|
<meta property="og:title" content="Cloudstream Repositories" />
|
|
|
|
<meta property="og:description" content="Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime." />
|
|
|
|
<meta property="og:image" content={bgImage} />
|
|
|
|
<meta property="og:image:type" content="image/png" />
|
|
|
|
</>
|
2022-08-26 13:46:21 +00:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default IndexPage
|