Label buttons correctly

Signed-off-by: Axel Boberg <git@axelboberg.se>
svt · Apr 24, 2024 · 65f7aa4 · 65f7aa4
1 parent 2c3ce52
commit 65f7aa4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/plugins/button/app/App.jsx b/plugins/button/app/App.jsx
@@ -57,16 +57,18 @@ export default function App () {
     bridge.items.stopItem(itemId)
   }
 
+  const label = item ? (item?.data?.name || 'Unnamed') : 'Drop an item here'
+
   return (
     <>
       <QueryPath path='play'>
         <ItemDropArea onDrop={itemId => handleItemChange(itemId)}>
-          <ItemButton label={item?.data?.name || 'Drop an item here'} color={item?.data?.color} onClick={() => handlePlayItem()} />
+          <ItemButton label={label} color={item?.data?.color} onClick={() => handlePlayItem()} />
         </ItemDropArea>
       </QueryPath>
       <QueryPath path='stop'>
         <ItemDropArea onDrop={itemId => handleItemChange(itemId)}>
-          <ItemButton label={item?.data?.name || 'Drop an item here'} color={item?.data?.color} onClick={() => handleStopItem()} />
+          <ItemButton label={label} color={item?.data?.color} onClick={() => handleStopItem()} />
         </ItemDropArea>
       </QueryPath>
     </>