build(ui): migrate from CRA/Jest to Vite/Vitest (#3311)

* feat: create vite project * feat: it's alive! * feat: `make dev` working! * feat: replace custom serviceWorker with vite plugin * test: replace Jest with Vitest * fix: run prettier * fix: skip eslint for now. * chore: remove ui.old folder * refactor: replace lodash.pick with simple destructuring * fix: eslint errors (wip) * fix: eslint errors (wip) * fix: display-name eslint errors (wip) * fix: no-console eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: react-refresh/only-export-components eslint errors (wip) * fix: build * fix: pwa manifest * refactor: pwa manifest * refactor: simplify PORT configuration * refactor: rename simple JS files * test: cover playlistUtils * fix: react-image-lightbox * feat(ui): add sourcemaps to help debug issues
2024-09-28 11:54:36 -04:00
parent dd48a23f92
commit fcdd30ba8f
212 changed files with 6231 additions and 31060 deletions
@@ -0,0 +1,47 @@
+import { Button, makeStyles } from '@material-ui/core'
+import PropTypes from 'prop-types'
+import React, { useCallback } from 'react'
+import { useRecordContext } from 'react-admin'
+import { useDispatch } from 'react-redux'
+import { setTrack } from '../actions'
+import { songFromRadio } from './helper'
+import PlayArrowIcon from '@material-ui/icons/PlayArrow'
+
+const useStyles = makeStyles((theme) => ({
+  button: {
+    padding: '5px 0px',
+    textTransform: 'none',
+    marginRight: theme.spacing(1.5),
+  },
+}))
+
+export const StreamField = (props) => {
+  const record = useRecordContext(props)
+  const dispatch = useDispatch()
+  const classes = useStyles()
+
+  const playTrack = useCallback(
+    async (evt) => {
+      evt.stopPropagation()
+      evt.preventDefault()
+      dispatch(setTrack(await songFromRadio(record)))
+    },
+    [dispatch, record],
+  )
+
+  return (
+    <Button className={classes.button} onClick={playTrack}>
+      <PlayArrowIcon />
+    </Button>
+  )
+}
+
+StreamField.propTypes = {
+  label: PropTypes.string,
+  record: PropTypes.object,
+  source: PropTypes.string.isRequired,
+}
+
+StreamField.defaultProps = {
+  addLabel: true,
+}