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
|
// type Song = {
// name: string,
// url: string,
// length: number,
//
// bc_exclusive: boolean
// }
//
// const SONGS: = [
// [],
// [],
// [],
// [],
// [],
// [],
// [],
// [],
// [],
// [],
// []
// ]
//
// function Song() {
//
// }
import { useState } from "preact/hooks"
export function Music() {
const [userApproves, setUserApproves] = useState(false);
if (userApproves) {
return <iframe style="border: 0; width: 350px; height: 500px;" src="https://bandcamp.com/EmbeddedPlayer/album=3374731395/size=large/bgcol=000000/linkcol=ff0047/transparent=true/" seamless><a href="https://sunnexo.bandcamp.com/album/netpunk">Netpunk by Sunnexo</a></iframe>
} else {
return <div class="external_warning">
<div>Click here to load player from <a href="https://bandcamp.com">https://bandcamp.com</a></div>
<button onClick={() => setUserApproves(true)}>
Load player
</button>
</div>
}
}
|
