@quantgate-systems/oppwatchlist v0.4.25

Opportunity Watchlist

Installation

npm i --save @quantgate-systems/oppwatchlist or if you are using yarn, yarn add @quantgate-systems/oppwatchlist

Usage

create-react-app

import {OppWatchlistApp} from '@quantgate-systems/oppwatchlist';

const [symbols, setSymbols] = useState([]); //changed symbols sent as prop

//your app's symbol handler (OPTIONAL)
const handler = () => {
  setSymbols(prev => {
    return [...prev, newSymbolToAdd];
  });
};

const onItemClick = instrument => {
  console.log(instrument);
};

return (
  <OppWatchlistApp
    symbols={symbols}
    onSymbolsAdded={symbol => console.log(symbol)}
    onItemClick={onItemClick}
    miniFilter
  />
);

next.js

import dynamic from 'next/dynamic';

const OppWatchlistApp = dynamic(() => import('@quantgate-systems/oppwatchlist'));

//your app's symbol handler (OPTIONAL)
const handler = () => {
  setSymbols(prev => {
    return [...prev, newSymbolToAdd];
  });
};

const onItemClick = instrument => {
  console.log(instrument);
};

return (
  <OppWatchlistApp
    symbols={symbols}
    onSymbolsAdded={symbol => console.log(symbol)}
    onItemClick={onItemClick}
    miniFilter
  />
);