commit - mock buy

src/components/Scanner.js

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import axios from "axios";
 import AboutScanner from "./AboutScanner";
 
-function Scanner({ onSelectStock, onSignal }) {
+function Scanner({ onSelectStock, onSignal, onBuyClick }) {
   const [data, setData] = useState(null);
   const [lastBest, setLastBest] = useState(null);
 
@@ -68,7 +68,7 @@ function Scanner({ onSelectStock, onSignal }) {
       {/* Top 5 Trades */}
       {(data.best_5 || []).length > 0 && (
         <div className="glass-card animate-fade-in" style={{ marginBottom: "30px", borderLeft: "4px solid var(--accent-green)" }}>
-          <h2 className="text-green">🔥 Top 5 Momentum Picks</h2>
+          <h2 className="text-green">🔥 Top 10 Momentum Picks</h2>
           <div className="data-table-container">
             <table className="data-table">
               <thead>
@@ -104,6 +104,12 @@ function Scanner({ onSelectStock, onSignal }) {
                         <button className="action-btn" onClick={() => { openChart(s?.symbol); onSelectStock(s?.symbol); }}>
                           View Chart
                         </button>
+                        <button 
+                          onClick={() => onBuyClick(s?.symbol, s?.price || 0)}
+                          style={{ background: 'var(--accent-green)', color: '#1a1a2e', border: 'none', borderRadius: '4px', cursor: 'pointer', padding: '6px 12px', fontSize: '0.85rem', fontWeight: 'bold' }}
+                        >
+                          Buy
+                        </button>
                         {s?.sector && (
                           <button 
                             onClick={() => removeStockFromSector(s?.symbol, s.sector)}
@@ -168,6 +174,13 @@ function Scanner({ onSelectStock, onSignal }) {
                       <td>{s?.ai_score}</td>
                       <td>
                         <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
+                          <button 
+                            className="action-btn" 
+                            style={{ background: 'var(--accent-green)', color: '#1a1a2e', padding: '4px 8px', fontSize: '0.8rem' }}
+                            onClick={() => onBuyClick(s?.symbol, s?.price)}
+                          >
+                            Buy
+                          </button>
                           <button className="action-btn" onClick={() => { openChart(s?.symbol); onSelectStock(s?.symbol); }}>
                             Chart
                           </button>