diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..3badbdff1
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,3 @@
+node_modules/
+.next/
+.out/
\ No newline at end of file
diff --git a/README.md b/README.md
index 11df3e9a6..87dff834a 100644
--- a/README.md
+++ b/README.md
@@ -13,8 +13,9 @@ npm install
```
Secondly, copy the .env.example to .env and fill in the values:
-there are 3 .env values:
-you can get both WalletConnect and Socket.tech from their docs, and reach out to us for the Peanut api key.
+there are 3 .env values:
+you can get both WalletConnect and Socket.tech from their docs, and reach out to us for the Peanut api key.
+
```bash
cp .env.example .env
```
diff --git a/next.config.js b/next.config.js
index a3fdfc064..43d8f1f43 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,12 +1,12 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
- env: {
- WC_PROJECT_ID: process.env.WC_PROJECT_ID,
- SOCKET_API_KEY: process.env.SOCKET_API_KEY,
- PEANUT_API_KEY: process.env.PEANUT_API_KEY,
- OPTI_GOERLI_RPC_URL: process.env.OPTI_GOERLI_RPC_URL,
- GOERLI_RPC_URL: process.env.GOERLI_RPC_URL,
- },
-};
+ env: {
+ WC_PROJECT_ID: process.env.WC_PROJECT_ID,
+ SOCKET_API_KEY: process.env.SOCKET_API_KEY,
+ PEANUT_API_KEY: process.env.PEANUT_API_KEY,
+ OPTI_GOERLI_RPC_URL: process.env.OPTI_GOERLI_RPC_URL,
+ GOERLI_RPC_URL: process.env.GOERLI_RPC_URL,
+ },
+}
-module.exports = nextConfig;
+module.exports = nextConfig
diff --git a/package.json b/package.json
index a2cbdbde4..a89d0a3f2 100644
--- a/package.json
+++ b/package.json
@@ -1,45 +1,48 @@
{
- "name": "peanut-ui",
- "version": "0.1.0",
- "private": true,
- "scripts": {
- "dev": "next dev",
- "build": "next build",
- "start": "next start",
- "lint": "next lint"
- },
- "dependencies": {
- "@socket.tech/socket-v2-sdk": "^1.21.8",
- "@squirrel-labs/peanut-sdk": "0.0.76",
- "@types/node": "20.4.2",
- "@types/react": "18.2.15",
- "@types/react-dom": "18.2.7",
- "@web3modal/ethereum": "^2.7.0",
- "@web3modal/react": "^2.7.0",
- "autoprefixer": "^10.4.14",
- "encoding": "^0.1.13",
- "ethers": "5.7.2",
- "jotai": "^2.2.2",
- "lokijs": "^1.5.12",
- "next": "13.4.10",
- "pino-pretty": "^10.0.1",
- "postcss": "^8.4.26",
- "react": "18.2.0",
- "react-dom": "18.2.0",
- "react-fast-marquee": "^1.6.0",
- "react-hook-form": "^7.42.1",
- "react-qr-code": "^2.0.11",
- "react-select": "^5.7.4",
- "react-tooltip": "^5.20.0",
- "sharp": "^0.32.4",
- "tailwindcss": "^3.3.3",
- "typescript": "5.1.6",
- "viem": "^1.3.0",
- "wagmi": "^1.3.9",
- "web3": "^1.7.0",
- "web3modal": "^1.9.12"
- },
- "devDependencies": {
- "parcel": "^2.9.3"
- }
+ "name": "peanut-ui",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint",
+ "prettier": "prettier --write ."
+ },
+ "dependencies": {
+ "@socket.tech/socket-v2-sdk": "^1.21.8",
+ "@squirrel-labs/peanut-sdk": "*",
+ "@types/node": "20.4.2",
+ "@types/react": "18.2.15",
+ "@types/react-dom": "18.2.7",
+ "@web3modal/ethereum": "^2.7.0",
+ "@web3modal/react": "^2.7.0",
+ "autoprefixer": "^10.4.14",
+ "encoding": "^0.1.13",
+ "ethers": "5.7.2",
+ "jotai": "^2.2.2",
+ "lokijs": "^1.5.12",
+ "next": "13.4.10",
+ "pino-pretty": "^10.0.1",
+ "postcss": "^8.4.26",
+ "react": "18.2.0",
+ "react-dom": "18.2.0",
+ "react-fast-marquee": "^1.6.0",
+ "react-hook-form": "^7.42.1",
+ "react-qr-code": "^2.0.11",
+ "react-select": "^5.7.4",
+ "react-tooltip": "^5.20.0",
+ "sharp": "^0.32.4",
+ "tailwindcss": "^3.3.3",
+ "typescript": "5.1.6",
+ "viem": "^1.3.0",
+ "wagmi": "^1.3.9",
+ "web3": "^1.7.0",
+ "web3modal": "^1.9.12"
+ },
+ "devDependencies": {
+ "parcel": "^2.9.3",
+ "prettier": "^3.0.2",
+ "prettier-plugin-tailwindcss": "^0.5.3"
+ }
}
diff --git a/postcss.config.js b/postcss.config.js
index 33ad091d2..fef1b2256 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
module.exports = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
}
diff --git a/prettier.config.js b/prettier.config.js
new file mode 100644
index 000000000..ad310b74c
--- /dev/null
+++ b/prettier.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+ plugins: ['prettier-plugin-tailwindcss'],
+ trailingComma: 'es5',
+ tabWidth: 4,
+ semi: false,
+ singleQuote: true,
+ printWidth: 120,
+}
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index bd794630c..bcbef6a50 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,10 +1,10 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function AboutPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 473241bac..ff9449a3c 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function BlogPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/claim/page.tsx b/src/app/claim/page.tsx
index dc6694364..e23bc984b 100644
--- a/src/app/claim/page.tsx
+++ b/src/app/claim/page.tsx
@@ -1,13 +1,13 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
-import { useSearchParams } from "next/navigation";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
+import { useSearchParams } from 'next/navigation'
export default function ClaimPage() {
- const params = useSearchParams();
- return (
-
-
-
- );
+ const params = useSearchParams()
+ return (
+
+
+
+ )
}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 2e2c30311..8f487f231 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function DashboardPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/jobs/page.tsx b/src/app/jobs/page.tsx
index 82ef87eb7..31e79e491 100644
--- a/src/app/jobs/page.tsx
+++ b/src/app/jobs/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function JobsPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 95de3d367..66857eb16 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,49 +1,45 @@
-"use client";
-import "@/styles/globals.css";
-import { Inter } from "next/font/google";
-import { Web3Modal } from "@web3modal/react";
-import { WagmiConfig } from "wagmi";
+'use client'
+import '@/styles/globals.css'
+import { Inter } from 'next/font/google'
+import { Web3Modal } from '@web3modal/react'
+import { WagmiConfig } from 'wagmi'
-import * as config from "@/config";
-import { Store } from "@/store/store";
-import { useState, useEffect } from "react";
+import * as config from '@/config'
+import { Store } from '@/store/store'
+import { useState, useEffect } from 'react'
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] })
-export default function RootLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
- const [ready, setReady] = useState(false);
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ const [ready, setReady] = useState(false)
- //this useEffect is needed to prevent hydration error when autoConnect in wagmiConfig is true
- useEffect(() => {
- setReady(true);
- }, []);
+ //this useEffect is needed to prevent hydration error when autoConnect in wagmiConfig is true
+ useEffect(() => {
+ setReady(true)
+ }, [])
- return (
-
-
Peanut Protocol
-
- {ready && (
-
- {children}
-
- )}
-
-
-
- );
+ return (
+
+ Peanut Protocol
+
+ {ready && (
+
+ {children}
+
+ )}
+
+
+
+ )
}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index bec48f04b..e9208cb4d 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,62 +1,62 @@
-"use client";
-import "@/styles/globals.css";
-import * as global_components from "@/components/global";
-import { Inter } from "next/font/google";
-import Link from "next/link";
-import peanutman_sad from "@/assets/peanutman-sad.svg";
-import { Web3Modal } from "@web3modal/react";
-import { WagmiConfig } from "wagmi";
-import * as config from "@/config";
+'use client'
+import '@/styles/globals.css'
+import * as global_components from '@/components/global'
+import { Inter } from 'next/font/google'
+import Link from 'next/link'
+import peanutman_sad from '@/assets/peanutman-sad.svg'
+import { Web3Modal } from '@web3modal/react'
+import { WagmiConfig } from 'wagmi'
+import * as config from '@/config'
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] })
export default function NotFound() {
- return (
-
-
-
-
-
-
- Hey there! This is how we treat ur data.
-
-
- 404: Not Found.
-
-
-
- Hit us up on{" "}
-
- Discord
-
- !
-
-
-
-
-
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+
+ Hey there! This is how we treat ur data.
+
+
+ 404: Not Found.
+
+
+
+ Hit us up on{' '}
+
+ Discord
+
+ !
+
+
+
+
+
+
+
+
+
+
+ )
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a75914e82..8ff831207 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function Home() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index 9e1579c06..bb912d922 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function PrivacyPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
index 22545bbdc..76d47056c 100644
--- a/src/app/terms/page.tsx
+++ b/src/app/terms/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import * as global_components from "@/components/global";
-import * as components from "@/components";
+'use client'
+import * as global_components from '@/components/global'
+import * as components from '@/components'
export default function TermsPage() {
- return (
-
-
-
- );
+ return (
+
+
+
+ )
}
diff --git a/src/components/about/about.tsx b/src/components/about/about.tsx
index 6227782dc..9dfccf6cc 100644
--- a/src/components/about/about.tsx
+++ b/src/components/about/about.tsx
@@ -1,178 +1,139 @@
-import * as global_components from "@/components/global";
-import smiley from "@/assets/smiley.svg";
-import hugo_png from "@/assets/people/hugo0-no-bg.png";
-import konrad_png from "@/assets/people/kkonrad-no-bg.png";
-import peanutman_cheering from "@/assets/peanutman-cheering.svg";
+import * as global_components from '@/components/global'
+import smiley from '@/assets/smiley.svg'
+import hugo_png from '@/assets/people/hugo0-no-bg.png'
+import konrad_png from '@/assets/people/kkonrad-no-bg.png'
+import peanutman_cheering from '@/assets/peanutman-cheering.svg'
export function About() {
- return (
-
-
-
-
-
WE MAKE TRANSFERS MAGIC
-
-
-
-
- <>
-
- Hugo
-
-
-
- Konrad
-
-
- >
-
+ return (
+
+
+
+
+
WE MAKE TRANSFERS MAGIC
+
+
+
+
+ <>
+
+ Hugo
+
+
+
+ Konrad
+
+
+ >
+
-
-
-
-
-
+
+
+
+
+
-
- Hugo Montenegro
-
-
Tech Nut
-
- Did ML and worked with NLP. Studied CS at Harvard. Main
- interests lie in decentralized systems and how incentives affect
- them. Also in AI and allied with our AI overlords, and
- increasing healthspan.
-
-
- He's also very tall and, yes, he likes to play basketball. He's
- currently doing a keto diet. [Edit: Not anymore.]
-
-
+
Hugo Montenegro
+
Tech Nut
+
+ Did ML and worked with NLP. Studied CS at Harvard. Main interests lie in decentralized
+ systems and how incentives affect them. Also in AI and allied with our AI overlords, and
+ increasing healthspan.
+
+
+ He's also very tall and, yes, he likes to play basketball. He's currently doing a keto
+ diet. [Edit: Not anymore.]
+