Browse Source

lint

master
gbrochar 2 years ago
parent
commit
fa60bb9b63
2 changed files with 10 additions and 4 deletions
  1. +2
    -1
      src/client/components/ClickMe.tsx
  2. +8
    -3
      src/client/components/Player.tsx

+ 2
- 1
src/client/components/ClickMe.tsx View File

@@ -9,7 +9,8 @@ interface ClickMeProps {
/**
* @return {jsx} a presentation of me
*/
export default function ClickMe({windowSize, setTrigger, setBusy}: ClickMeProps) {
export default function ClickMe(
{windowSize, setTrigger, setBusy}: ClickMeProps) {
const [buttonClass, setButtonClass] = useState('');

useEffect(() => {


+ 8
- 3
src/client/components/Player.tsx View File

@@ -6,12 +6,15 @@ interface PlayerProps {
}

/**
* @return {jsx} The root component
* @return {jsx} a simple audio player
*/
export default function Player({src}: PlayerProps) {
const [play, setPlay] = useState(false);
const [playText, setPlayText] = useState('Play');

/**
* change play state
*/
function handlePlay() {
setPlay(!play);
if (play) {
@@ -33,12 +36,14 @@ export default function Player({src}: PlayerProps) {
align-items-center
justify-content-center'
id='clickme'>
<div className='lead player-text mb-4'>{src.split('/')[3].split('.')[0]}</div>
<div className='lead player-text mb-4'>
{src.split('/')[3].split('.')[0]}
</div>
<button
type='button'
onClick={() => handlePlay()}
className={'d-inline btn btn-clickme btn-lg'}>
{playText}
{playText}
</button>
</div>
</React.Fragment>


Loading…
Cancel
Save