Initial Commit.

Framework things done.
Home page stubbed.

Signed-off-by: antonnell <[email protected]>

.eslintrc.js

@@ -0,0 +1,37 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended"
+    ],
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "ignorePatterns": [
+        // we probably want to change it to a function component,
+        // the error was:
+        // Parsing error: Unexpected token =
+        "components/unlock/unlock.js"
+    ],
+    "rules": {
+        "react/prop-types": "off",
+        "react/jsx-key": "off",
+        "react/react-in-jsx-scope": "off",
+        "react/jsx-no-target-blank": "off",
+        "react/no-unescaped-entities": "off",
+        "no-undef": "off",
+        "no-dupe-else-if": "off",
+        "no-unreachable": "off",
+        "react/jsx-no-undef": "off"
+    }
+};

.gitignore

@@ -0,0 +1,31 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local

.prettierignore

@@ -0,0 +1,7 @@
+build/
+node_modules/
+internals/generators/
+internals/scripts/
+package-lock.json
+yarn.lock
+package.json

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 160,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

README.md

@@ -0,0 +1,25 @@
+# Fixed Forex
+https://andrecronje.medium.com/fair-launches-decentralized-collaboration-and-fixed-forex-ab327a2e4fc4
+
+IBEUR_ADDRESS = '0x96e61422b6a9ba0e068b6c5add4ffabc6a4aae27'             // -> minted asset
+IBEUR_ETH_ADDRESS = '0xa2d81bedf22201a77044cdf3ab4d9dc1ffbc391b'         // -> sushi lp pair
+IBFF_ADDRESS = '0xb347132eFf18a3f63426f4988ef626d2CbE274F5'              // -> reward asset (think CRV)
+VEIBFF_ADDRESS = '0x4d0518c9136025903751209ddddf6c67067357b1'            // -> vested reward asset  (think veCRV)
+FF_FAUCET_ADDRESS = '0x7d254d9adc588126edaee52a1029278180a802e8'         // -> stake sushi lp pair, get reward asset
+FF_DISTRIBUTION_ADDRESS = '0x83893c4a42f8654c2dd4ff7b4a7cd0e33ae8c859'   // -> after locking, get protocol fees
+
+## TODO:
+- [ ] Home
+- [ ] Assets
+- [ ] Stake
+- [ ] Vesting
+
+
+
+## Getting started
+- Make sure to have nodejs installed. This app is built using [Next.js](https://nextjs.org/learn/basics/create-nextjs-app) and [react](https://reactjs.org/docs/getting-started.html).
+- Run `npm install`
+- Create an account on [etherscan](https://etherscan.io/) then go to [your API keys](https://etherscan.io/myapikey) page and add a new API key there.
+- Create an account on [infura](https://infura.io/dashboard) and create an [ethereum project](https://infura.io/dashboard/ethereum) there. This will give you an endpoint url that looks like `https://mainnet.infura.io/v3/some_key`. Alternatively, you can also run your own [ethereum rpc server](https://geth.ethereum.org/docs/rpc/server) instead of infura.
+- You can now run the nextjs app this way: `NEXT_PUBLIC_ETHERSCAN_KEY=your_etherscan_key NEXT_PUBLIC_PROVIDER=your_infura_endpoint_url npm run dev`
+- That's it! You can now start hacking and submit PRs. Some of us are in [discord](http://discord.yearn.finance/) in the #dev channel if you have questions.

components/ffAssets/ffAssets.js

@@ -0,0 +1,19 @@
+import { Paper, Typography, Button, TextField, InputAdornment, CircularProgress } from '@material-ui/core';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import Skeleton from '@material-ui/lab/Skeleton';
+
+import { formatCurrency } from '../../utils';
+import classes from './ffAssets.module.css';
+
+import AssetsTable from './ffAssetsTable.js'
+
+export default function ffAssets() {
+  return (
+    <div className={ classes.container}>
+      <Typography variant="h5" className={ classes.title}>Forex Assets</Typography>
+      <Paper elevation={0} className={ classes.tableContainer }>
+        <AssetsTable />
+      </Paper>
+    </div>
+  );
+}

components/ffAssets/ffAssets.module.css

@@ -0,0 +1,16 @@
+.container {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
+  margin-bottom: 48px;
+}
+
+.title {
+  font-size: 20px !important;
+  margin-bottom: 24px !important;
+}
+
+.tableContainer {
+  border: 1px solid rgba(128, 128, 128, 0.8);
+  margin: 0 auto;
+}