wip

snuffish · Oct 7, 2023 · ec4ac84 · ec4ac84
1 parent 54e171c
commit ec4ac84
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/app/src/components/Pad.tsx b/app/src/components/Pad.tsx
@@ -4,14 +4,15 @@ import React, { useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { ColorOff, randomRGB, rgbToHex } from '../utils/color'
 import { changeColor, setPressed } from '../redux/components/pad/padActions'
+import { CHANNELS } from '../constants/ipc'
 
 const Pad = ({ x, y }) => {
   const button = parseInt(`${y}${x}`)
 
   const dispatch = useDispatch()
   const { isPressed, color } = useSelector((state) => state.pad.buttons[button])
 
-  useEffect(() => window.api.send('lpPadColor', { button, color }), [color])
+  useEffect(() => window.api.send(CHANNELS.LP.PAD_COLOR, { button, color }), [color])
 
   useEffect(() => {
     console.log('INVOKE PRESSED =>', button, 'STATE: ', isPressed)

diff --git a/app/src/constants/ipc.ts b/app/src/constants/ipc.ts
@@ -1,6 +1,7 @@
 export const CHANNELS = {
   LP: {
     CLEAR: 'lpClear',
+    PAD: 'pad',
     PAD_COLOR: 'lpPadColor'
   },
   DMX: {

diff --git a/app/src/pages/launchpad/launchpad.tsx b/app/src/pages/launchpad/launchpad.tsx
@@ -26,7 +26,7 @@ const Launchpad = (props) => {
   const dispatch = useDispatch()
 
   // @ts-ignore
-  window.api.receive('pad', ({ event, button }) => {
+  window.api.receive(CHANNELS.LP.PAD, ({ event, button }) => {
     dispatch(
       setPressed({
         pressed: event === 'BUTTON_DOWN' ?? false,