27 lines
799 B
TypeScript
27 lines
799 B
TypeScript
|
import { MixCloudRegex } from "Const";
|
||
|
|
import { useSelector } from "react-redux";
|
||
|
|
import { RootState } from "State/Store";
|
||
|
|
|
||
|
|
const MixCloudEmbed = ({link}: {link: string}) => {
|
||
|
|
|
||
|
|
const feedPath = (MixCloudRegex.test(link) && RegExp.$1) + "%2F" + ( MixCloudRegex.test(link) && RegExp.$2)
|
||
|
|
|
||
|
|
const lightTheme = useSelector<RootState, boolean>(s => s.login.preferences.theme === "light");
|
||
|
|
|
||
|
|
const lightParams = lightTheme ? "light=1" : "light=0";
|
||
|
|
|
||
|
|
return(
|
||
|
|
<>
|
||
|
|
<br/>
|
||
|
|
<iframe
|
||
|
|
title="SoundCloud player"
|
||
|
|
width="100%"
|
||
|
|
height="120"
|
||
|
|
frameBorder="0"
|
||
|
|
src={`https://www.mixcloud.com/widget/iframe/?hide_cover=1&${lightParams}&feed=%2F${feedPath}%2F`}
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default MixCloudEmbed;
|