diff --git a/Opus-Stellar/index.html b/Opus-Stellar/index.html index e16cfc2..1e9735b 100644 --- a/Opus-Stellar/index.html +++ b/Opus-Stellar/index.html @@ -4,7 +4,7 @@ - Opus👾 + Fantility diff --git a/Opus-Stellar/package-lock.json b/Opus-Stellar/package-lock.json index e68d454..5919c3a 100644 --- a/Opus-Stellar/package-lock.json +++ b/Opus-Stellar/package-lock.json @@ -8,6 +8,10 @@ "name": "opus-stellar", "version": "0.0.0", "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.5.2", + "@fortawesome/free-brands-svg-icons": "^6.5.2", + "@fortawesome/free-solid-svg-icons": "^6.5.2", + "@fortawesome/react-fontawesome": "^0.2.2", "@stellar/stellar-sdk": "^12.0.1", "@types/leaflet": "^1.9.12", "@types/mongoose": "^5.11.97", @@ -20,6 +24,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-globe.gl": "^2.27.2", + "react-icons": "^5.2.1", "react-router-dom": "^6.23.1", "react-toastify": "^10.0.5", "stellar-sdk": "^12.0.1" @@ -2448,6 +2453,63 @@ "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, + "node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.2.tgz", + "integrity": "sha512-gBxPg3aVO6J0kpfHNILc+NMhXnqHumFxOmjYCFfOiLZfwhnnfhtsdA2hfJlDnj+8PjAs6kKQPenOTKj3Rf7zHw==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-svg-core": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.2.tgz", + "integrity": "sha512-5CdaCBGl8Rh9ohNdxeeTMxIj8oc3KNBgIeLMvJosBMdslK/UnEB8rzyDRrbKdL1kDweqBPo4GT9wvnakHWucZw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-brands-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.5.2.tgz", + "integrity": "sha512-zi5FNYdmKLnEc0jc0uuHH17kz/hfYTg4Uei0wMGzcoCL/4d3WM3u1VMc0iGGa31HuhV5i7ZK8ZlTCQrHqRHSGQ==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-solid-svg-icons": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.2.tgz", + "integrity": "sha512-QWFZYXFE7O1Gr1dTIp+D6UcFUF0qElOnZptpi7PBUMylJh+vFmIedVe1Ir6RM1t2tEQLLSV1k7bR4o92M+uqlw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.5.2" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/react-fontawesome": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.2.tgz", + "integrity": "sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==", + "dependencies": { + "prop-types": "^15.8.1" + }, + "peerDependencies": { + "@fortawesome/fontawesome-svg-core": "~1 || ~6", + "react": ">=16.3" + } + }, "node_modules/@humanwhocodes/config-array": { "version": "0.11.14", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", @@ -6788,6 +6850,14 @@ "react": "*" } }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/Opus-Stellar/package.json b/Opus-Stellar/package.json index 6937cb6..867e568 100644 --- a/Opus-Stellar/package.json +++ b/Opus-Stellar/package.json @@ -10,6 +10,10 @@ "preview": "vite preview" }, "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.5.2", + "@fortawesome/free-brands-svg-icons": "^6.5.2", + "@fortawesome/free-solid-svg-icons": "^6.5.2", + "@fortawesome/react-fontawesome": "^0.2.2", "@stellar/stellar-sdk": "^12.0.1", "@types/leaflet": "^1.9.12", "@types/mongoose": "^5.11.97", @@ -22,6 +26,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-globe.gl": "^2.27.2", + "react-icons": "^5.2.1", "react-router-dom": "^6.23.1", "react-toastify": "^10.0.5", "stellar-sdk": "^12.0.1" diff --git a/Opus-Stellar/public/173474766.png b/Opus-Stellar/public/173474766.png new file mode 100644 index 0000000..bb7951c Binary files /dev/null and b/Opus-Stellar/public/173474766.png differ diff --git a/Opus-Stellar/public/favicon.ico b/Opus-Stellar/public/favicon.ico index 93fe0c2..919f623 100644 Binary files a/Opus-Stellar/public/favicon.ico and b/Opus-Stellar/public/favicon.ico differ diff --git a/Opus-Stellar/src/pages/BuyLand.tsx b/Opus-Stellar/src/pages/BuyLand.tsx index b095a9c..008c620 100644 --- a/Opus-Stellar/src/pages/BuyLand.tsx +++ b/Opus-Stellar/src/pages/BuyLand.tsx @@ -32,7 +32,7 @@ const BuyLand = () => {
-

Buy Opus Land 🌴

+

Buy your fandom

diff --git a/Opus-Stellar/src/pages/Home.tsx b/Opus-Stellar/src/pages/Home.tsx index baa4e7e..5f7a7b7 100644 --- a/Opus-Stellar/src/pages/Home.tsx +++ b/Opus-Stellar/src/pages/Home.tsx @@ -1,13 +1,15 @@ import React from 'react'; import GlobeComponent from './components/Globe'; import Navbar from './components/Navbar'; +import Footer from './components/footer'; const Home: React.FC = () => { return ( -
+ <> -
+
+ ); }; diff --git a/Opus-Stellar/src/pages/StellarAcountCreation.tsx b/Opus-Stellar/src/pages/StellarAcountCreation.tsx index 2f1a5f2..18b959f 100644 --- a/Opus-Stellar/src/pages/StellarAcountCreation.tsx +++ b/Opus-Stellar/src/pages/StellarAcountCreation.tsx @@ -4,12 +4,13 @@ import { useNavigate } from 'react-router-dom'; import { ToastContainer, toast } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; import Navbar from './components/Navbar'; +import logo from '../../public/173474766.png'; const StellarAccountCreation = () => { const [privatekey, setprivatekey] = useState(''); const [publickey, setpublickey] = useState(''); const [keypair, setkeypair] = useState(null); - const [generated, setGenerated] = useState(false); + const [generated, setGenerated] = useState(false); const navigate = useNavigate(); const handlechange = (e: React.ChangeEvent, value: string) => { @@ -34,7 +35,7 @@ const StellarAccountCreation = () => { setpublickey(pair.publicKey()); localStorage.setItem('publickey', pair.publicKey()); localStorage.setItem('privatekey', pair.secret()); - setGenerated(true); // Set generated state to true + setGenerated(true); }; const downloadKeyPairAsTextFile = (keypair: Keypair) => { @@ -66,83 +67,84 @@ const StellarAccountCreation = () => { return ( <> - -
- -
-

Opus-Stellar - -

-

Claim Your Virtual Territory Today!

- handlechange(e, 'publickey')} - id="publickey" - type="text" - placeholder="Enter Public Key" - className="px-3 py-2 text-black bg-white rounded-lg font-mono" - /> - handlechange(e, 'privatekey')} - id="privatekey" - type="text" - placeholder="Enter Private Key" - className="px-3 py-2 bg-white text-black rounded-lg font-mono" - /> - - {generated && ( -
-

- Public Key: - { - copyToClipboardAndShowToast(publickey); - }} + +

+ +
+

+ Fantility Logo +

+

Claim Your Virtual Territory Today!

+ handlechange(e, 'publickey')} + id="publickey" + type="text" + placeholder="Enter Public Key" + className="px-3 py-2 text-black bg-white rounded-lg font-mono" + /> + handlechange(e, 'privatekey')} + id="privatekey" + type="text" + placeholder="Enter Private Key" + className="px-3 py-2 bg-white text-black rounded-lg font-mono" + /> + + {generated && ( +
+

+ Public Key: + { + copyToClipboardAndShowToast(publickey); + }} + > + {publickey} + +

+

+ Private Key: + { + copyToClipboardAndShowToast(privatekey); + }} + > + {privatekey} + +

+ +
+ )} + {!generated && ( +
+ New to Fantility? Create an Account + -
- )} - {!generated && ( -
- New to Opus? Create an Account - -
- )} + Join Today + +
+ )} +
-
+ ); }; -export default StellarAccountCreation; \ No newline at end of file +export default StellarAccountCreation; diff --git a/Opus-Stellar/src/pages/Transactions.tsx b/Opus-Stellar/src/pages/Transactions.tsx index c7e6ae8..2a8e54c 100644 --- a/Opus-Stellar/src/pages/Transactions.tsx +++ b/Opus-Stellar/src/pages/Transactions.tsx @@ -1,6 +1,7 @@ import axios from "axios"; import { useEffect, useState } from "react"; import Navbar from "./components/Navbar"; +import Footer from "./components/footer"; interface TransactionData { _id: string; @@ -86,6 +87,7 @@ const Transaction = () => {
+