From a4274e3a0c5b1bea01790d63b7e24a137f5b9074 Mon Sep 17 00:00:00 2001 From: Lulox Date: Mon, 9 Dec 2024 20:51:50 -0300 Subject: [PATCH] Added load key functionality and technologies to About --- packages/nextjs/app/about/About.tsx | 74 +++++++++++++++++- .../ConfigMenu/LoadPrivateKeyModal.tsx | 23 +++--- packages/nextjs/public/chainlink-logo.png | Bin 0 -> 81070 bytes packages/nextjs/public/scaffold-eth.svg | 10 +++ packages/nextjs/public/thegraph-logo.png | Bin 0 -> 83368 bytes 5 files changed, 96 insertions(+), 11 deletions(-) create mode 100644 packages/nextjs/public/chainlink-logo.png create mode 100644 packages/nextjs/public/scaffold-eth.svg create mode 100644 packages/nextjs/public/thegraph-logo.png diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx index 4460a32..fc0d9d5 100644 --- a/packages/nextjs/app/about/About.tsx +++ b/packages/nextjs/app/about/About.tsx @@ -13,7 +13,7 @@ export interface Post extends Partial { } export const About = () => { - const [usdcPrice, setUsdcPrice] = useState(); + const [usdcPrice, setUsdcPrice] = useState(1); // const [averageUsdcPrice, setAverageUsdcPrice] = useState(); const averageUsdcPrice = ""; @@ -270,6 +270,78 @@ export const About = () => { )} +
+

Tech stack! 🤘

+
+ +
+
+
+ USDC logo +

Circle USDC

+

+ Payment for likes and comments is done with{" "} + + USDC + USDC logo + {" "} + for easy accountability. +

+
+
+ +
+
+ Chainlink logo +

Chainlink CCIP

+

+ Bridge NFTs and USDC to other blockchains using{" "} + + Chainlink CCIP + Chainlink logo + + . +

+
+
+ +
+
+ The Graph logo +

The Graph

+

+ Using{" "} + + The Graph + The Graph logo + {" "} + provides efficient, scalable, and real-time querying of blockchain data for Web3 dApps. +

+
+
+ +
+
+ Scaffold-ETH 2 logo +

Scaffold-ETH 2

+

+ Built with{" "} + + Scaffold-ETH 2 + Scaffold-ETH 2 logo + {" "} + , using the latest tech stack to build web3 dApps. +

+
+
+
+

Wanna know how we're doing?

diff --git a/packages/nextjs/components/punk-society/ConfigMenu/LoadPrivateKeyModal.tsx b/packages/nextjs/components/punk-society/ConfigMenu/LoadPrivateKeyModal.tsx index f4ca654..ba9fb0c 100644 --- a/packages/nextjs/components/punk-society/ConfigMenu/LoadPrivateKeyModal.tsx +++ b/packages/nextjs/components/punk-society/ConfigMenu/LoadPrivateKeyModal.tsx @@ -1,12 +1,16 @@ -import Image from "next/image"; +import { useState } from "react"; +import { InputBase } from "~~/components/scaffold-eth"; type LoadPrivateKeyModalProps = { modalId: string; }; export const LoadPrivateKeyModal = ({ modalId }: LoadPrivateKeyModalProps) => { + const [privateKey, setPrivateKey] = useState(""); + const handleLoadPrivateKeyClick = () => { - window.open("https://core.app/es/", "_blank"); + localStorage.setItem("burnerWallet.pk", privateKey); + window.location.reload(); }; return ( <> @@ -14,14 +18,13 @@ export const LoadPrivateKeyModal = ({ modalId }: LoadPrivateKeyModalProps) => {