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,32 @@
+import React, { useCallback } from 'react'
+import { useGetOne } from 'react-admin'
+import { GlobalHotKeys } from 'react-hotkeys'
+import { LoveButton, useToggleLove } from '../common'
+import { keyMap } from '../hotkeys'
+
+const Placeholder = () => <LoveButton disabled={true} resource={'song'} />
+
+const Toolbar = ({ id }) => {
+  const { data, loading } = useGetOne('song', id)
+  const [toggleLove, toggling] = useToggleLove('song', data)
+
+  const handlers = {
+    TOGGLE_LOVE: useCallback(() => toggleLove(), [toggleLove]),
+  }
+
+  return (
+    <>
+      <GlobalHotKeys keyMap={keyMap} handlers={handlers} allowChanges />
+      <LoveButton
+        record={data}
+        resource={'song'}
+        disabled={loading || toggling}
+      />
+    </>
+  )
+}
+
+const PlayerToolbar = ({ id, isRadio }) =>
+  id && !isRadio ? <Toolbar id={id} /> : <Placeholder />
+
+export default PlayerToolbar