Startseite Erkunden Hilfe
Registrieren Anmelden
felamaslen
/
options
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

Option value with mock share

Fela Maslen vor 5 Jahren
Ursprung
963a6bd717
Commit
fb2a7c1877
14 geänderte Dateien mit 230 neuen und 92 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 90 0
      .eslintrc.js
  2. 8 0
      .prettierrc.js
  3. 8 0
      package.json
  4. 1 1
      public/index.html
  5. 0 38
      src/App.css
  6. 0 9
      src/App.test.tsx
  7. 0 26
      src/App.tsx
  8. 18 0
      src/components/app.tsx
  9. 28 0
      src/components/current-price.tsx
  10. 0 13
      src/index.css
  11. 2 3
      src/index.tsx
  12. 0 2
      src/logo.svg
  13. 7 0
      src/types.ts
  14. 68 0
      yarn.lock

+ 90 - 0
.eslintrc.js
Datei anzeigen 

@@ -0,0 +1,90 @@
 
+module.exports = {
 
+  plugins: ['prettier', 'react', 'react-hooks', 'import'],
 
+  parser: '@typescript-eslint/parser',
 
+  parserOptions: {
 
+    ecmaVersion: 8,
 
+    tokens: true,
 
+    sourceType: 'module',
 
+  },
 
+  env: {
 
+    browser: true,
 
+    commonjs: true,
 
+    es6: true,
 
+    node: true,
 
+  },
 
+  extends: [
 
+    'airbnb-base',
 
+    'prettier',
 
+    'plugin:@typescript-eslint/eslint-recommended',
 
+    'plugin:@typescript-eslint/recommended',
 
+    'plugin:react/recommended',
 
+  ],
 
+  settings: {
 
+    'import/resolver': {
 
+      alias: {
 
+        map: [
 
+          ['~client', './web/src'],
 
+          ['~client-test', './web/test'],
 
+          ['~api', './api/src'],
 
+          ['~api-test', './api/test'],
 
+        ],
 
+        extensions: ['.js', '.tsx', '.ts'],
 
+      },
 
+    },
 
+    react: {
 
+      version: 'detect',
 
+    },
 
+  },
 
+  rules: {
 
+    '@typescript-eslint/explicit-function-return-type': 'off',
 
+    '@typescript-eslint/no-explicit-any': [
 
+      'error',
 
+      {
 
+        ignoreRestArgs: true,
 
+      },
 
+    ],
 
+    '@typescript-eslint/no-var-requires': 'off',
 
+    'import/extensions': [
 
+      'error',
 
+      {
 
+        ts: 'never',
 
+        tsx: 'never',
 
+        js: 'never',
 
+        jsx: 'never',
 
+      },
 
+    ],
 
+    'import/no-extraneous-dependencies': [
 
+      'error',
 
+      {
 
+        devDependencies: ['**/*spec.ts', '**/*.spec.tsx', '**/*.spec.js'],
 
+      },
 
+    ],
 
+    'import/prefer-default-export': 0,
 
+    'jest/lowercase-name': 0,
 
+    'jest/require-top-level-describe': 0,
 
+    'max-len': ['error', 120],
 
+    'no-bitwise': 0,
 
+    'no-underscore-dangle': 0,
 
+    'prettier/prettier': ['error'],
 
+    'react/jsx-filename-extension': [
 
+      2,
 
+      {
 
+        extensions: ['.js', '.jsx', '.tsx'],
 
+      },
 
+    ],
 
+    'react/prop-types': 0,
 
+    'react-hooks/rules-of-hooks': 'error',
 
+    'react-hooks/exhaustive-deps': 'warn',
 
+  },
 
+  overrides: [
 
+    {
 
+      files: ['*.ts', '*.tsx'],
 
+      rules: {
 
+        'prefer-destructuring': 0,
 
+        '@typescript-eslint/explicit-function-return-type': ['error'],
 
+        '@typescript-eslint/no-unused-vars': ['error', { ignoreRestSiblings: true }],
 
+        '@typescript-eslint/no-var-requires': ['error'],
 
+      },
 
+    },
 
+  ],
 
+};

+ 8 - 0
.prettierrc.js
Datei anzeigen 

@@ -0,0 +1,8 @@
 
+module.exports = {
 
+  bracketSpacing: true,
 
+  singleQuote: true,
 
+  tabWidth: 2,
 
+  useTabs: false,
 
+  trailingComma: 'all',
 
+  printWidth: 100,
 
+};

+ 8 - 0
package.json
Datei anzeigen 

@@ -35,5 +35,13 @@
 
       "last 1 firefox version",
 
       "last 1 safari version"
 
     ]
 
+  },
 
+  "devDependencies": {
 
+    "eslint-config-airbnb-base": "^14.1.0",
 
+    "eslint-config-prettier": "^6.10.1",
 
+    "eslint-import-resolver-alias": "^1.1.2",
 
+    "eslint-plugin-import": "^2.20.2",
 
+    "eslint-plugin-prettier": "^3.1.2",
 
+    "prettier": "^2.0.4"
 
   }
 
 }

+ 1 - 1
public/index.html
Datei anzeigen 

@@ -24,7 +24,7 @@
 
       work correctly both with client-side routing and a non-root public URL.
 
       Learn how to configure a non-root public URL by running `npm run build`.
 
     -->
 
-    <title>React App</title>
 
+    <title>Option price</title>
 
   </head>
 
   <body>
 
     <noscript>You need to enable JavaScript to run this app.</noscript>

+ 0 - 38
src/App.css
Datei anzeigen 

@@ -1,38 +0,0 @@
 
-.App {
 
-  text-align: center;
 
-}
 
-
 
-.App-logo {
 
-  height: 40vmin;
 
-  pointer-events: none;
 
-}
 
-
 
-@media (prefers-reduced-motion: no-preference) {
 
-  .App-logo {
 
-    animation: App-logo-spin infinite 20s linear;
 
-  }
 
-}
 
-
 
-.App-header {
 
-  background-color: #282c34;
 
-  min-height: 100vh;
 
-  display: flex;
 
-  flex-direction: column;
 
-  align-items: center;
 
-  justify-content: center;
 
-  font-size: calc(10px + 2vmin);
 
-  color: white;
 
-}
 
-
 
-.App-link {
 
-  color: #61dafb;
 
-}
 
-
 
-@keyframes App-logo-spin {
 
-  from {
 
-    transform: rotate(0deg);
 
-  }
 
-  to {
 
-    transform: rotate(360deg);
 
-  }
 
-}

+ 0 - 9
src/App.test.tsx
Datei anzeigen 

@@ -1,9 +0,0 @@
 
-import React from 'react';
 
-import { render } from '@testing-library/react';
 
-import App from './App';
 
-
 
-test('renders learn react link', () => {
 
-  const { getByText } = render(<App />);
 
-  const linkElement = getByText(/learn react/i);
 
-  expect(linkElement).toBeInTheDocument();
 
-});

+ 0 - 26
src/App.tsx
Datei anzeigen 

@@ -1,26 +0,0 @@
 
-import React from 'react';
 
-import logo from './logo.svg';
 
-import './App.css';
 
-
 
-function App() {
 
-  return (
 
-    <div className="App">
 
-      <header className="App-header">
 
-        <img src={logo} className="App-logo" alt="logo" />
 
-        <p>
 
-          Edit <code>src/App.tsx</code> and save to reload.
 
-        </p>
 
-        <a
 
-          className="App-link"
 
-          href="https://reactjs.org"
 
-          target="_blank"
 
-          rel="noopener noreferrer"
 
-        >
 
-          Learn React
 
-        </a>
 
-      </header>
 
-    </div>
 
-  );
 
-}
 
-
 
-export default App;

+ 18 - 0
src/components/app.tsx
Datei anzeigen 

@@ -0,0 +1,18 @@
 
+import React from 'react';
 
+
 
+import { CurrentPrice } from './current-price';
 
+import { Share } from '../types';
 
+
 
+const share: Share = {
 
+  name: 'RELX',
 
+  code: 'LON:RELX',
 
+  price: 1740,
 
+  strikePrice: 1350,
 
+  strikeValue: 500 * 12 * 3,
 
+};
 
+
 
+export const App: React.FC = () => (
 
+  <div>
 
+    <CurrentPrice share={share} />
 
+  </div>
 
+);

+ 28 - 0
src/components/current-price.tsx
Datei anzeigen 

@@ -0,0 +1,28 @@
 
+import React from 'react';
 
+import { Share } from '../types';
 
+
 
+type Props = {
 
+  share: Share;
 
+};
 
+
 
+export const CurrentPrice: React.FC<Props> = ({ share: { price, strikePrice, strikeValue } }) => {
 
+  const sellValue: number = strikeValue * Math.max(1, price / strikePrice);
 
+  const profit = sellValue - strikeValue;
 
+
 
+  return (
 
+    <div>
 
+      <div>
 
+        <span>Sell value:</span>
 
+        <span>
 
+          <b>£{sellValue.toFixed()}</b>
 
+        </span>
 
+      </div>
 
+      <div>
 
+        <span>Profit:</span>
 
+        <span>
 
+          <b>£{profit.toFixed()}</b>
 
+        </span>
 
+      </div>
 
+    </div>
 
+  );
 
+};

+ 0 - 13
src/index.css
Datei anzeigen 

@@ -1,13 +0,0 @@
 
-body {
 
-  margin: 0;
 
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 
-    sans-serif;
 
-  -webkit-font-smoothing: antialiased;
 
-  -moz-osx-font-smoothing: grayscale;
 
-}
 
-
 
-code {
 
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
 
-    monospace;
 
-}

+ 2 - 3
src/index.tsx
Datei anzeigen 

@@ -1,14 +1,13 @@
 
 import React from 'react';
 
 import ReactDOM from 'react-dom';
 
-import './index.css';
 
-import App from './App';
 
+import { App } from './components/app';
 
 import * as serviceWorker from './serviceWorker';
 
 
 ReactDOM.render(
 
   <React.StrictMode>
 
     <App />
 
   </React.StrictMode>,
 
-  document.getElementById('root')
 
+  document.getElementById('root'),
 
 );
 
 
 // If you want your app to work offline and load faster, you can change

Datei-Diff unterdrückt, da er zu groß ist
+ 0 - 2
src/logo.svg


+ 7 - 0
src/types.ts
Datei anzeigen 

@@ -0,0 +1,7 @@
 
+export type Share = {
 
+  name: string;
 
+  code: string;
 
+  price: number;
 
+  strikePrice: number;
 
+  strikeValue: number;
 
+};

+ 68 - 0
yarn.lock
Datei anzeigen 

@@ -3867,6 +3867,22 @@ escodegen@^1.11.0, escodegen@^1.9.1:
 
   optionalDependencies:
 
     source-map "~0.6.1"
 
 
+eslint-config-airbnb-base@^14.1.0:
 
+  version "14.1.0"
 
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.1.0.tgz#2ba4592dd6843258221d9bff2b6831bd77c874e4"
 
+  integrity sha512-+XCcfGyCnbzOnktDVhwsCAx+9DmrzEmuwxyHUJpw+kqBVT744OUBrB09khgFKlK1lshVww6qXGsYPZpavoNjJw==
 
+  dependencies:
 
+    confusing-browser-globals "^1.0.9"
 
+    object.assign "^4.1.0"
 
+    object.entries "^1.1.1"
 
+
 
+eslint-config-prettier@^6.10.1:
 
+  version "6.10.1"
 
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.10.1.tgz#129ef9ec575d5ddc0e269667bf09defcd898642a"
 
+  integrity sha512-svTy6zh1ecQojvpbJSgH3aei/Rt7C6i090l5f2WQ4aB05lYHeZIR1qL4wZyyILTbtmnbHP5Yn8MrsOJMGa8RkQ==
 
+  dependencies:
 
+    get-stdin "^6.0.0"
 
+
 
 eslint-config-react-app@^5.2.1:
 
   version "5.2.1"
 
   resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz#698bf7aeee27f0cea0139eaef261c7bf7dd623df"
 
@@ -3874,6 +3890,11 @@ eslint-config-react-app@^5.2.1:
 
   dependencies:
 
     confusing-browser-globals "^1.0.9"
 
 
+eslint-import-resolver-alias@^1.1.2:
 
+  version "1.1.2"
 
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz#297062890e31e4d6651eb5eba9534e1f6e68fc97"
 
+  integrity sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==
 
+
 
 eslint-import-resolver-node@^0.3.2:
 
   version "0.3.3"
 
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.3.tgz#dbaa52b6b2816b50bc6711af75422de808e98404"
 
@@ -3926,6 +3947,24 @@ eslint-plugin-import@2.20.1:
 
     read-pkg-up "^2.0.0"
 
     resolve "^1.12.0"
 
 
+eslint-plugin-import@^2.20.2:
 
+  version "2.20.2"
 
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.20.2.tgz#91fc3807ce08be4837141272c8b99073906e588d"
 
+  integrity sha512-FObidqpXrR8OnCh4iNsxy+WACztJLXAHBO5hK79T1Hc77PgQZkyDGA5Ag9xAvRpglvLNxhH/zSmZ70/pZ31dHg==
 
+  dependencies:
 
+    array-includes "^3.0.3"
 
+    array.prototype.flat "^1.2.1"
 
+    contains-path "^0.1.0"
 
+    debug "^2.6.9"
 
+    doctrine "1.5.0"
 
+    eslint-import-resolver-node "^0.3.2"
 
+    eslint-module-utils "^2.4.1"
 
+    has "^1.0.3"
 
+    minimatch "^3.0.4"
 
+    object.values "^1.1.0"
 
+    read-pkg-up "^2.0.0"
 
+    resolve "^1.12.0"
 
+
 
 eslint-plugin-jsx-a11y@6.2.3:
 
   version "6.2.3"
 
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.2.3.tgz#b872a09d5de51af70a97db1eea7dc933043708aa"
 
@@ -3941,6 +3980,13 @@ eslint-plugin-jsx-a11y@6.2.3:
 
     has "^1.0.3"
 
     jsx-ast-utils "^2.2.1"
 
 
+eslint-plugin-prettier@^3.1.2:
 
+  version "3.1.2"
 
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.2.tgz#432e5a667666ab84ce72f945c72f77d996a5c9ba"
 
+  integrity sha512-GlolCC9y3XZfv3RQfwGew7NnuFDKsfI4lbvRK+PIIo23SFH+LemGs4cKwzAaRa+Mdb+lQO/STaIayno8T5sJJA==
 
+  dependencies:
 
+    prettier-linter-helpers "^1.0.0"
 
+
 
 eslint-plugin-react-hooks@^1.6.1:
 
   version "1.7.0"
 
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.7.0.tgz#6210b6d5a37205f0b92858f895a4e827020a7d04"
 
@@ -4252,6 +4298,11 @@ fast-deep-equal@^3.1.1:
 
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz#545145077c501491e33b15ec408c294376e94ae4"
 
   integrity sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==
 
 
+fast-diff@^1.1.2:
 
+  version "1.2.0"
 
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
 
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
+
 
 fast-glob@^2.0.2:
 
   version "2.2.7"
 
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
 
@@ -4615,6 +4666,11 @@ get-own-enumerable-property-symbols@^3.0.0:
 
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
 
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
 
+get-stdin@^6.0.0:
 
+  version "6.0.0"
 
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
 
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
 
+
 
 get-stream@^4.0.0:
 
   version "4.1.0"
 
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
 
@@ -8179,6 +8235,18 @@ prepend-http@^1.0.0:
 
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
 
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
 
 
+prettier-linter-helpers@^1.0.0:
 
+  version "1.0.0"
 
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
 
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
 
+  dependencies:
 
+    fast-diff "^1.1.2"
 
+
 
+prettier@^2.0.4:
 
+  version "2.0.4"
 
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.4.tgz#2d1bae173e355996ee355ec9830a7a1ee05457ef"
 
+  integrity sha512-SVJIQ51spzFDvh4fIbCLvciiDMCrRhlN3mbZvv/+ycjvmF5E73bKdGfU8QDLNmjYJf+lsGnDBC4UUnvTe5OO0w==
 
+
 
 pretty-bytes@^5.1.0:
 
   version "5.3.0"
 
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.3.0.tgz#f2849e27db79fb4d6cfe24764fc4134f165989f2"

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.