Research View

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, onBuyClick }) {
+function Scanner({ onSelectStock, onSignal, onBuyClick, onResearchClick }) {
   const [data, setData] = useState(null);
   const [lastBest, setLastBest] = useState(null);
 
@@ -110,6 +110,12 @@ function Scanner({ onSelectStock, onSignal, onBuyClick }) {
                         >
                           Buy
                         </button>
+                        <button 
+                          onClick={() => onResearchClick(s?.symbol)}
+                          style={{ background: 'transparent', color: 'var(--accent-blue)', border: '1px solid var(--accent-blue)', borderRadius: '4px', cursor: 'pointer', padding: '6px 12px', fontSize: '0.85rem', fontWeight: 'bold' }}
+                        >
+                          Research
+                        </button>
                         {s?.sector && (
                           <button 
                             onClick={() => removeStockFromSector(s?.symbol, s.sector)}