From 6908def3f29a55ed43a69ee05fcbd65146b2b0d6 Mon Sep 17 00:00:00 2001
From: Yinger <melody.crazycoding@gmail.com>
Date: Mon, 21 Sep 2020 22:30:14 +0900
Subject: [PATCH] add sample

---
 src/App.tsx                |  12 +-
 src/components/DiffBtn.tsx |  12 +-
 src/components/Import.tsx  |   4 +-
 src/components/Left.tsx    |   2 +-
 src/components/Right.tsx   |   2 +-
 src/utils/ExcelHelper.ts   | 332 +++++++++++++++++++++++++++++++++++++
 6 files changed, 352 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d961b97..9c53de6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -99,12 +99,6 @@ function App() {
     }
   };
 
-  const onDiffClick = (e: React.MouseEvent) => {
-    e.preventDefault();
-
-    diff(leftsheetdata, rightsheetdata, hotTableComponentDiffResult);
-  };
-
   return (
     <div className="App">
       <Row>
@@ -122,7 +116,11 @@ function App() {
           <DiffButtonHooks
             btntext={diffBtnText}
             onDiffBtnClick={(e) => {
-              onDiffClick(e);
+              diff(leftsheetdata, rightsheetdata, hotTableComponentDiffResult);
+            }}
+            onSampleBtnClick={(e) => {
+              setLeftSheetData(ExcelHelper.SampleDataLeft);
+              setRightSheetData(ExcelHelper.SampleDataRight);
             }}
           />
         </Col>
diff --git a/src/components/DiffBtn.tsx b/src/components/DiffBtn.tsx
index 0fff83f..6f10455 100644
--- a/src/components/DiffBtn.tsx
+++ b/src/components/DiffBtn.tsx
@@ -5,16 +5,26 @@ import { Button } from "antd";
 interface DiffBtn {
   btntext: string;
   onDiffBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
+  onSampleBtnClick(e: React.MouseEvent<HTMLElement, MouseEvent>): any;
 }
 
 const DiffButtonHooks = (props: DiffBtn) => {
   return (
     <div style={{ textAlign: "center" }}>
+      <Button
+        type="dashed"
+        size="small"
+        style={{ marginTop: 150 }}
+        onClick={(e) => props.onSampleBtnClick(e)}
+      >
+        {"< Sample >"}
+      </Button>
       <Button
         ref={React.createRef()}
         id="btn-diff"
         type="primary"
-        style={{ marginTop: 150 }}
+        style={{ marginTop: 10 }}
+        size="large"
         onClick={(e) => props.onDiffBtnClick(e)}
       >
         {props.btntext}
diff --git a/src/components/Import.tsx b/src/components/Import.tsx
index d42634c..fc81e64 100644
--- a/src/components/Import.tsx
+++ b/src/components/Import.tsx
@@ -14,11 +14,11 @@ const ImportHooks = (props: Import) => {
   return (
     <Input.Group
       compact
-      style={{ marginRight: 10, marginTop: -15, marginBottom: 3 }}
+      style={{ marginRight: 10, marginTop: -25, marginBottom: 3 }}
     >
       <input
         name={"file-upload"}
-        style={{ width: "50%" }}
+        style={{ width: "50%", marginTop: 10 }}
         type="file"
         accept={ExcelHelper.SheetJSFT()}
         aria-label="Select original file"
diff --git a/src/components/Left.tsx b/src/components/Left.tsx
index 8a51726..c36b103 100644
--- a/src/components/Left.tsx
+++ b/src/components/Left.tsx
@@ -27,7 +27,7 @@ const LeftHooks = (props: Left) => {
   };
   return (
     <>
-      <div className="left" style={{ padding: 10 }}>
+      <div className="left" style={{ padding: 10, marginTop: -25 }}>
         <h1 style={{ marginLeft: 3 }}>{"<元・original>"}</h1>
         <ImportHooks
           sheetname={props.sheetname}
diff --git a/src/components/Right.tsx b/src/components/Right.tsx
index be1bbed..6a2e9bd 100644
--- a/src/components/Right.tsx
+++ b/src/components/Right.tsx
@@ -27,7 +27,7 @@ const RightHooks = (props: Right) => {
   };
   return (
     <>
-      <div className="right" style={{ padding: 10 }}>
+      <div className="right" style={{ padding: 10, marginTop: -25 }}>
         <h1 style={{ marginLeft: 3 }}>{"<先・modified>"}</h1>
         <ImportHooks
           sheetname={props.sheetname}
diff --git a/src/utils/ExcelHelper.ts b/src/utils/ExcelHelper.ts
index 145ffe6..a25bf43 100644
--- a/src/utils/ExcelHelper.ts
+++ b/src/utils/ExcelHelper.ts
@@ -74,4 +74,336 @@ export class ExcelHelper {
       else reader.readAsArrayBuffer(file);
     });
   };
+
+  public static SampleDataLeft = () => {
+    var TestData = [
+      [
+        "Date",
+        "Symbol",
+        "Open",
+        "High",
+        "Low",
+        "Close",
+        "Volume",
+        "ask",
+        "cash",
+        "type",
+        "amount",
+        "nonce",
+      ],
+      [
+        "2019-07-08 00:00:00",
+        "BTCUSD",
+        "11475.07",
+        "11540.33",
+        "11469.53",
+        "11506.43",
+        "10.77073088",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 23:00:00",
+        "BTCUSD",
+        "11423.0",
+        "11482.72",
+        "11423.0",
+        "11475.07",
+        "32.99655899",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 22:00:00",
+        "BTCUSD",
+        "11526.25",
+        "11572.74",
+        "11333.59",
+        "11423.0",
+        "48.9377301868",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 21:00:00",
+        "BTCUSD",
+        "11515.8",
+        "11562.65",
+        "11475.2",
+        "11526.25",
+        "25.3239076786",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 20:00:00",
+        "BTCUSD",
+        "11547.98",
+        "11624.88",
+        "11423.94",
+        "11515.8",
+        "63.2119724403",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 19:00:00",
+        "BTCUSD",
+        "11470.47",
+        "11610.0",
+        "11432.32",
+        "11547.98",
+        "67.915214697",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 18:00:00",
+        "BTCUSD",
+        "11502.04",
+        "11525.0",
+        "11426.74",
+        "11470.47",
+        "31.1094771869",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 17:00:00",
+        "BTCUSD",
+        "11201.6",
+        "11566.43",
+        "11201.6",
+        "11502.04",
+        "121.5256740453",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 16:00:00",
+        "BTCUSD",
+        "11254.97",
+        "11254.97",
+        "11135.01",
+        "11201.6",
+        "23.5194946648",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+      [
+        "2019-07-07 15:00:00",
+        "BTCUSD",
+        "11358.05",
+        "11408.02",
+        "11189.0",
+        "11254.97",
+        "64.0821938629",
+
+        "0",
+        "100000000",
+        "exchange limit",
+        "5",
+        "payload_nonce",
+      ],
+    ];
+
+    return TestData;
+  };
+
+  public static SampleDataRight = () => {
+    var TestData = [
+      [
+        "Date",
+        "Symbol",
+        "Open",
+        "High",
+        "Low",
+        "Close",
+        "Volume",
+        "bid",
+        "ask",
+        "Buy",
+        "type2",
+        "amount",
+      ],
+      [
+        "2019-07-07 23:00:00",
+        "BTCUSD",
+        "11423.0",
+        "11482.72",
+        "11423.0",
+        "11475.07",
+        "32.99655899",
+        "6",
+        "0",
+        "3",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 22:00:00",
+        "BTCUSD",
+        "11526.25",
+        "11572.74",
+        "11333.59",
+        "11423.0",
+        "48.9377301868",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 21:00:00",
+        "BTCUSD",
+        "11515.8",
+        "11562.65",
+        "11478.2",
+        "11526.25",
+        "25.3239076786",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 20:00:00",
+        "BTCUSD",
+        "11547.98",
+        "11624.88",
+        "11423.94",
+        "11515.8",
+        "63.2119724403",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 19:00:00",
+        "BTCUSD",
+        "11470.47",
+        "11610.0",
+        "11432.32",
+        "11547.98",
+        "67.915214697",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 18:10:00",
+        "BTCUSD",
+        "11502.04",
+        "11525.0",
+        "11426.74",
+        "11470.47",
+        "31.1094771869",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 17:20:00",
+        "BBBBTCUSD",
+        "11201.06",
+        "11566.23",
+        "11211.56",
+        "11503.4",
+        "121.5246740453",
+        "5",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 16:00:00",
+        "BTCUSD",
+        "11254.97",
+        "11254.97",
+        "11135.01",
+        "11200.6",
+        "23.5194946648",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 15:00:00",
+        "BTCUSD",
+        "11358.05",
+        "11408.02",
+        "11189.0",
+        "11254.97",
+        "64.0821938629",
+        "6",
+        "1",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+      [
+        "2019-07-07 14:00:00",
+        "BTCUSD",
+        "11383.54",
+        "11428.95",
+        "11358.05",
+        "11358.05",
+        "8.2622672695",
+        "6",
+        "0",
+        "9",
+        "exchange limit",
+        "5",
+      ],
+    ];
+
+    return TestData;
+  };
 }