Commit 75ee94ca authored by Magnus Ramm's avatar Magnus Ramm
Browse files

Now text also works properly, but still needs some work getting presented....

Now text also works properly, but still needs some work getting presented. Next step for me is CSS, this will be handled in another branch probably
parent d3c15b8b
import React from 'react';
const audios = [
"Pnk-circle-game",
"Post-malone-circles",
"Young-thug-circle-of-bosses"];
// CATEGORIES["audio"][props.audio][props.tab]
const Audio = props => {
return (
<audio controls>
<source src={"audio//"+props.audio+".mp3"}/>
Your browser does not support the audio element.
</audio>
<div>
<audio controls>
<source src={"audio/"+props.audio+".mp3"}/>
Your browser does not support the audio element.
</audio>
</div>
);
}
......
.Content {
}
.Audio {
}
.Image {
}
.Text {
}
\ No newline at end of file
import React, { Component } from 'react';
const figures = [
"blue",
"green",
"red"];
class Image extends Component {
state = {
data: null
......
import React, { Component } from 'react';
const texts = [
"Pnk-circle-game",
"Post-malone-circles",
"Young-thug-circle-of-bosses"];
class Text extends Component {
state = {
data: null
......@@ -28,8 +23,8 @@ class Text extends Component {
console.log(this.state.data);
try {
const data = this.state.data;
const title = data.metadata.title;
const artist = data.metadata.artist;
const title = data.title;
const artist = data.artist;
return (
<div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment