Moved nickname and stream button

This commit is contained in:
Mitchell McCaffrey
2020-04-08 17:00:56 +10:00
parent 842f6b8bd6
commit 81c3e69932
5 changed files with 112 additions and 133 deletions

View File

@@ -0,0 +1,20 @@
import React from "react";
import { IconButton } from "theme-ui";
function StartStreamButton({ onStream }) {
return (
<IconButton m={1} aria-label="Start Radio Stream" onClick={onStream}>
<svg
xmlns="http://www.w3.org/2000/svg"
height="24"
viewBox="0 0 24 24"
width="24"
fill="currentcolor"
>
<path d="M3.24 6.15C2.51 6.43 2 7.17 2 8v12c0 1.1.9 2 2 2h16c1.11 0 2-.9 2-2V8c0-1.1-.9-2-2-2H8.3l7.43-3c.46-.19.68-.71.49-1.17-.19-.46-.71-.68-1.17-.49L3.24 6.15zM7 20c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm13-8h-2v-1c0-.55-.45-1-1-1s-1 .45-1 1v1H4V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v3z" />
</svg>
</IconButton>
);
}
export default StartStreamButton;