Initial

README.md

@@ -1,4 +1,4 @@
-# Sovryn DApp
+# Origins DApp
 
 ---
 
@@ -57,63 +57,63 @@ To authenticate by adding your personal access token to your `~/.npmrc` file (**
 Note: this step is only required if yarn install fails for you because of missing access to charting-library repository.
 If yarn install fails after these steps please ask for read access to the charting-library repository (for external contributors please see the section below).
 
-#### External Contributors
+<!-- #### External Contributors
 
 Due to the terms of our licensing agreement with Trading View, we are unable to grant access to the charting-library repository to external contributors. In order to allow running of this repo locally, we have set up the `development_external` and `master_external` branches which exclude this dependency and is synched to the latest changes from `development`/`master` branches.
 
-Any new Pull Requests should target the non-external versions of these branches as outlined in the "Which Branch?" section below.
+Any new Pull Requests should target the non-external versions of these branches as outlined in the "Which Branch?" section below. -->
 
 ## Contributing
 
-<a href="https://github.com/DistributedCollective/Sovryn-frontend/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=DistributedCollective/Sovryn-frontend" />
+<a href="https://github.com/DistributedCollective/origins-fe/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=DistributedCollective/origins-fe" />
 </a>
 
 ### Bug Reports
 
-To foster active collaboration, Sovryn strongly encourages pull requests, not just bug reports. "Bug reports" may also be sent in the form of a pull request containing a failing test.
+To foster active collaboration, Origins strongly encourages pull requests, not just bug reports. "Bug reports" may also be sent in the form of a pull request containing a failing test.
 
 However, if you file a bug report, your issue should contain a title and a clear description of the issue. You should also include as much relevant information as possible. The goal of a bug report is to make it easy for yourself - and others - to replicate the bug and develop a fix.
 
-Remember, bug reports are created in the hope that others with the same problem will be able to collaborate with you on solving it. Do not expect that the bug report will automatically see any activity or that others will jump to fix it. Creating a bug report serves to help yourself and others start on the path of fixing the problem. If you want to chip in, you can help out by fixing any bugs listed in our [issue trackers](https://github.com/issues?q=is%3Aopen+is%3Aissue+label%3Abug+user%3Adistributedcollective).
+Remember, bug reports are created in the hope that others with the same problem will be able to collaborate with you on solving it. Do not expect that the bug report will automatically see any activity or that others will jump to fix it. Creating a bug report serves to help yourself and others start on the path of fixing the problem. If you want to chip in, you can help out by fixing any bugs listed in our [issue trackers]().
 
 ### Support Questions
 
-Sovryn's GitHub issue trackers are not intended to provide help or support. Instead, use one of the following channels:
+Origins's GitHub issue trackers are not intended to provide help or support. Instead, use one of the following channels:
 
-- [Discord](https://discord.gg/J22WS6z)
-- [Wiki Pages](https://wiki.sovryn.app)
-- [Sovryn Forum](https://forum.sovryn.app)
-- [Sovryn Blog](https://sovryn.app/blog/)
+- [Discord]()
+- [Wiki Pages]()
+- [Origins Forum]()
 
 ### Core Development Discussion
 
-You may propose new features or improvements of existing DApp behavior in the Sovryn Ideas issue board. If you propose a new feature, please be willing to implement at least some of the code that would be needed to complete the feature.
+You may propose new features or improvements of existing DApp behavior in the Origins Ideas issue board. If you propose a new feature, please be willing to implement at least some of the code that would be needed to complete the feature.
 
-Informal discussion regarding bugs, new features, and implementation of existing features takes place in the #sorcery channel of the Sovryn Discord server.
+Informal discussion regarding bugs, new features, and implementation of existing features takes place in the #sorcery channel of the Origins Discord server.
 
 ### Which Branch?
 
-**All** bug fixes should be sent to the latest stable (master) branch. Bug fixes should never be sent to the development branch unless they fix features that exist only in the upcoming release.
+**All** bug fixes should be sent to the latest stable (main) branch. Bug fixes should never be sent to the development branch unless they fix features that exist only in the upcoming release.
 
 **Minor** features that are fully backward compatible with the current release may be sent to the latest stable branch.
 
 **Major** new features should always be sent to the development branch, which contains the upcoming release.
 
-If you are unsure if your feature qualifies as a major or minor, please ask in the #sorcery channel of the Sovryn Discord server.
+If you are unsure if your feature qualifies as a major or minor, please ask in the #sorcery channel of the Origins Discord server.
 
 ### Working With UI
 
 All UI designs used for this repository should be available publically in [Google Drive folder as Adobe XD files](https://drive.google.com/drive/folders/1e_VljWpANJe0o4VmIkKU5Ewo56l9iMaM?usp=sharing)
 
+<!--
 ## Security Vulnerabilities
 
-If you discover a security vulnerability within DApp, please submit your bug report to [Immunefi](https://immunefi.com/bounty/sovryn/) (there is bounty rewards). All security vulnerabilities will be promptly addressed.
+If you discover a security vulnerability within DApp, please submit your bug report to [Immunefi](https://immunefi.com/bounty/origins/) (there is bounty rewards). All security vulnerabilities will be promptly addressed. -->
 
 ## Code of Conduct
 
 This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [[email protected]](mailto:[email protected]) with any additional questions or comments.
 
 ## Licence
 
-The Sovryn DApp is open-sourced software licensed under the [MIT license](LICENSE).
+The Origins DApp is open-sourced software licensed under the [MIT license](LICENSE).

package.json

@@ -5,12 +5,13 @@
   "dependencies": {
     "@babel/core": "7.9.0",
     "@blueprintjs/core": "3.42.0",
+    "@blueprintjs/popover2": "0.12.8",
     "@blueprintjs/select": "3.13.7",
-    "@distributedcollective/charting-library": "1.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.30",
     "@fortawesome/free-solid-svg-icons": "5.14.0",
     "@fortawesome/react-fontawesome": "0.1.11",
     "@hookstate/core": "3.0.6",
+    "@makerdao/multicall": "0.12.0",
     "@redux-saga/delay-p": "1.1.2",
     "@reduxjs/toolkit": "1.5.1",
     "@rsksmart/rsk3": "0.3.4",
@@ -50,6 +51,7 @@
     "create-file-webpack-plugin": "1.0.1",
     "cross-env": "7.0.2",
     "css-loader": "3.4.2",
+    "d3": "7.1.1",
     "d3-array": "2.8.0",
     "dayjs": "1.10.6",
     "debounce": "1.2.0",
@@ -114,11 +116,13 @@
     "react-app-polyfill": "^1.0.6",
     "react-copy-to-clipboard": "5.0.2",
     "react-countdown": "2.3.1",
+    "react-custom-scrollbars": "4.2.1",
     "react-dev-utils": "^11.0.4",
     "react-dom": "16.13.0",
     "react-ga": "3.3.0",
     "react-helmet-async": "1.0.4",
     "react-i18next": "11.3.4",
+    "react-linkify": "1.0.0-alpha",
     "react-mailchimp-subscribe": "2.1.0",
     "react-minimal-pie-chart": "8.2.0",
     "react-multi-carousel": "^2.6.3",
@@ -299,7 +303,9 @@
     "@storybook/preset-create-react-app": "^3.2.0",
     "@storybook/react": "^6.3.7",
     "@storybook/theming": "^6.3.7",
+    "@types/d3": "7.1.0",
     "@types/mathjs": "6.0.5",
+    "@types/react-linkify": "1.0.1",
     "@types/socket.io-client": "1.4.34",
     "auto-changelog": "2.2.1",
     "git-revision-webpack-plugin": "3.0.6",

public/index.html

@@ -34,7 +34,7 @@
       console.log('<%= process.env.REACT_APP_GIT_COMMIT_ID %>');
     </script>
 
-    <title>Sovryn</title>
+    <title>Sovryn Origins</title>
 
     <style>
       :root {
@@ -187,12 +187,5 @@
         console.warn(e);
       }
     </script>
-    <a
-      href="https://sovryn.freshdesk.com/support/home"
-      class="feedback-button"
-      rel="noreferrer noopener"
-      target="_blank"
-      >Help Desk</a
-    >
   </body>
 </html>

scripts/build.js

@@ -40,9 +40,6 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
   process.exit(1);
 }
 
-// Copy Tradingview Chart library to /public folder
-const copyLibs = require('./copy-chart-libs');
-
 // Generate configuration
 const config = configFactory(process.env.NODE_ENV);
 
@@ -59,7 +56,6 @@ checkBrowsers(paths.appPath, isInteractive)
     // Remove all content but keep the directory so that
     // if you're in it, you don't end up in Trash
     fs.emptyDirSync(paths.appBuild);
-    await copyLibs();
     // Merge with the public folder
     copyPublicFolder();
     // Start the webpack build

scripts/start.js

@@ -12,10 +12,6 @@ process.on('unhandledRejection', err => {
 // Ensure environment variables are read.
 require('../config/env');
 
-// Copy Tradingview Chart library to /public folder
-const copyLibs = require('./copy-chart-libs');
-copyLibs();
-
 const fs = require('fs');
 const chalk = require('react-dev-utils/chalk');
 const webpack = require('webpack');

src/app/components/AcceptedCurrencies/components/ListShow/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ListShowWrapper } from '../../styled';
+import { AssetRenderer } from 'app/components/AssetRenderer';
+import { translations } from 'locales/i18n';
+import { AcceptedCurrencies } from 'types/asset';
+
+export const ListShow: React.FC = () => {
+  const { t } = useTranslation();
+  return (
+    <ListShowWrapper>
+      <div className="tw-text-xs tw-tracking-normal tw-uppercase tw-mb-3">
+        {t(
+          translations.originsLaunchpad.saleDay.buyStep.buyInformationLabels
+            .acceptedCurrencies,
+        )}
+      </div>
+      <ul>
+        {AcceptedCurrencies.map((currency, i) => (
+          <li key={i}>
+            <AssetRenderer asset={currency} />
+          </li>
+        ))}
+      </ul>
+    </ListShowWrapper>
+  );
+};

src/app/components/AcceptedCurrencies/components/SimpleShow/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AssetRenderer } from 'app/components/AssetRenderer';
+import { TruncatedWrapper } from '../../styled';
+import { AcceptedCurrencies } from 'types/asset';
+
+export const SimpleShow: React.FC = () => {
+  return (
+    <div>
+      <TruncatedWrapper>
+        {AcceptedCurrencies.map((currency, i) => (
+          <AssetRenderer
+            className="tw-mr-2 tw-text-lg tw-font-rowdies"
+            asset={currency}
+            key={i}
+          />
+        ))}
+      </TruncatedWrapper>
+    </div>
+  );
+};

src/app/components/AcceptedCurrencies/index.tsx

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import { SimpleShow } from './components/SimpleShow';
+import { ListShow } from './components/ListShow';
+import { ToggleButton } from './styled';
+import chevronDown from 'assets/images/chevron-down.svg';
+import chevronUp from 'assets/images/chevron-up.svg';
+
+interface AcceptedCurrciesProps {
+  showMore?: boolean;
+}
+
+export const AcceptedCurrencies: React.FC<AcceptedCurrciesProps> = ({
+  showMore: defaultShowMore,
+}) => {
+  const [showMore, setShowMore] = useState<boolean>(defaultShowMore || false);
+  return (
+    <div>
+      <div className="tw-relative tw-h-6 tw-w-full">
+        {!showMore && <SimpleShow />}
+        {showMore && <ListShow />}
+        <ToggleButton
+          className="tw-cursor-pointer"
+          onClick={() => setShowMore(!showMore)}
+        >
+          <span className="tw-pr-3 tw-text-xs tw-font-rowdies tw-text-yellow-3">
+            {showMore ? 'LESS' : 'MORE'}
+          </span>
+          <img
+            src={showMore ? chevronUp : chevronDown}
+            alt="Toggle Show More/Less"
+          />
+        </ToggleButton>
+      </div>
+    </div>
+  );
+};

src/app/components/AcceptedCurrencies/styled.ts

@@ -0,0 +1,32 @@
+import styled from 'styled-components';
+
+export const ToggleButton = styled.div`
+  position: absolute;
+  right: 0.5rem;
+  bottom: 0.2rem;
+  z-index: 2;
+  min-width: 6rem;
+  display: flex;
+  justify-content: flex-end;
+`;
+
+export const TruncatedWrapper = styled.div`
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: calc(100% - 5rem);
+  white-space: nowrap;
+  overflow: hidden;
+  /* text-overflow: ellipsis; */
+`;
+
+export const ListShowWrapper = styled.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background-color: #474747;
+  width: 100%;
+  padding: 1.25rem;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+`;