moved stock ticker cancel button

Author: catmando

ruby/examples/misc/stock-tickers/app/hyperstack/components/app.rb

@@ -5,7 +5,7 @@ class App < HyperComponent
       @symbols.sort.each do |symbol|
         LI(key: symbol) do
           DisplayTicker(symbol: symbol, key: symbol)
-          BUTTON { 'cancel' }.on(:click) { mutate @symbols.delete(symbol) }
+          .on(:cancel) { mutate @symbols.delete(symbol) }
         end
       end
     end

ruby/examples/misc/stock-tickers/app/hyperstack/components/display_ticker.rb

@@ -1,7 +1,9 @@
 class DisplayTicker < HyperComponent
   param :symbol
+  param :on_cancel, type: Proc
   before_mount { @ticker = StockTicker.new(params.symbol, 10.seconds) }
   render(DIV) do
-    "#{params.symbol.upcase} current price: #{@ticker.price}"
+    SPAN { "#{params.symbol.upcase} current price: #{@ticker.price}" }
+    BUTTON { 'cancel' }.on(:click) { params.on_cancel }
   end
 end