cupcakearmy/fantus
1
0
Fork 0
mirror of https://github.com/cupcakearmy/fantus.git synced 2025-09-05 21:50:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

directus for cms

Browse Source
This commit is contained in:
cupcakearmy
2020-01-17 01:12:12 +01:00
parent b424f5cb1f
commit feeb8886ad
2 changed files with 47 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
pages/sets.tsx
View File

@@ -1,24 +1,29 @@
import React from 'react'
import React, { useState, useEffect } from 'react'
import { NextPage } from 'next'
import axios from 'axios'
const Home: NextPage = () => {
const [links, setLinks] = useState([] as string[])
useEffect(() => {
axios.get('https://api.fantus.studio/directus/items/mixes?status=published')
.then(({ data }) => {
setLinks(data.data.map((entry: any) => entry.link))
})
}, [])
const Home = () => {
return <div className='sets'>
<h1 className='ma0'>sets</h1>
<p>
collection of some sets made here and there.
</p>
<ul>
<li>
<iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Ffantus%2Fmxs04-lounge%2F" />
</li>
<li>
<iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Ffantus%2Fmxs03-techno%2F" />
</li>
<li>
<iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Ffantus%2Fmxs02-techno%2F" />
</li>
<li>
<iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=%2Ffantus%2Fmxs01-melodic-techno%2F" />
</li>
{links.map(link => (
<li key={link}>
<iframe width="100%" height="120" src={link} />
</li>
))}
</ul>
</div>
}