README.md

@@ -2,15 +2,3 @@
 
 Simple React project allowing analysis of Lydia Pro dumps to count different transactions
 
-Install
-
-```sh
-npm install
-```
-
-Run
-
-```sh
-npm run start
-```
-

package.json

@@ -7,7 +7,6 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
     "react": "^17.0.2",
-    "react-csv-reader": "^3.4.0",
     "react-dom": "^17.0.2",
     "react-scripts": "5.0.0",
     "web-vitals": "^2.1.2"

src/App.css

@@ -1,6 +1,5 @@
 .App {
   text-align: center;
-	font-size: xx-small;
 }
 
 .App-logo {
@@ -21,7 +20,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  font-size: calc(8px + 1vmin);
+  font-size: calc(10px + 2vmin);
   color: white;
 }
 

src/App.js

@@ -1,37 +1,22 @@
 import logo from './logo.svg';
 import './App.css';
-import Table from './Table.js';
-import CSVReader from 'react-csv-reader'
-import { useState } from 'react';
-import { transactionPrices, calculateTotal , filterMultiples } from './filter.js';
 
 function App() {
-	let [dataSet, setDataSet] = useState([]);
-	let [tableSet, setTableSet] = useState([]);
-	let [tableHeaders, setTableHeaders] = useState([]);
-	let [pricesSet, setPricesSet] = useState([]);
-	let [total, setTotal] = useState(0);
-
-	function importCSV(data) {
-		setDataSet(data);
-		setTableHeaders(data.shift());
-		setTableSet(data);
-		setTotal(calculateTotal(data));
-		setPricesSet(Object.entries(filterMultiples(transactionPrices(data))));
-		//setPricesSet(Object.entries(transactionPrices(data)));
-	}
-
   return (
     <div className="App">
       <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
         <p>
-					Import a .csv file using the button below
+          Edit <code>src/App.js</code> and save to reload.
         </p>
-        <CSVReader onFileLoaded={importCSV}/>
+        <a
-				<h3>Total : {total} eur</h3>
+          className="App-link"
-				<h4>Volume of transactions at different prices (Verified transactions only)</h4>
+          href="https://reactjs.org"
-				<Table headers={['Price','Volume']} rows={pricesSet}/>
+          target="_blank"
-				<Table headers={tableHeaders} rows={tableSet}/>
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
       </header>
     </div>
   );

src/Table.js

@@ -1,15 +0,0 @@
-import { useState } from 'react';
-
-function Entry({strings}) {
-	return <tr>{strings.map((string, index) => <td key={string + index}>{string}</td>)}</tr>;
-}
-
-function Headers({strings}) {
-	return <thead><tr>{strings.map((string) => <th key={string}>{string}</th>)}</tr></thead>;
-}
-
-function Table({headers, rows=[]}) {
-	return <table><Headers strings={headers}/><tbody>{rows.map((row, index) => <Entry key={index} strings={row} />)}</tbody></table>;
-}
-
-export default Table;

src/filter.js

@@ -1,41 +0,0 @@
-export function transactionPrices(data, filterOK=true)  {
-	let transactionPrices = {};
-	data.forEach((transaction) => {
-		const price = Number(transaction[3].replace(',','.'));
-		if (!filterOK || transaction[7] === "OK")
-			transactionPrices[price] =  transactionPrices[price] ? transactionPrices[price] + 1 : 1;
-	});
-	return transactionPrices;
-}
-
-export function calculateTotal(data, filterOK=true) {
-	let total = 0;
-	data.forEach((transaction) => {
-		const price = Number(transaction[3].replace(',','.'));
-		if (!filterOK || transaction[7] === "OK")
-			total += price;
-	});
-	return total;
-}
-
-export function filterMultiples(prices, multiples=[3.5]) {
-	let sales = {};
-	Object.entries(prices).forEach((pair) => {
-		const price = Number(pair[0]);
-		const amount = pair[1];
-		let dealt = false; // Ugly loop exit
-		//console.log(price,amount);
-		for (let i in multiples) {
-			let multiple = multiples[i];
-			if (price % multiple === 0) {
-				const quantity = price/multiple*amount;
-				sales[multiple] = sales[multiple] ? sales[multiple] + quantity : quantity;
-				dealt = true;
-				break;
-			}
-		} 
-		if (!dealt) sales[price] = sales[price] ? sales[price] + 1 : 1 ;
-	});
-	console.log(multiples);
-	return sales;
-}

src/index.css

@@ -1,5 +1,4 @@
 body {
-	font-size: xx-small;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',