From 59ee8b10508b6531644fe8f5611a0499ae2e9d2f Mon Sep 17 00:00:00 2001 From: Gabriela del Pilar Rojas <77763655+GabrielaDelPilarR@users.noreply.github.com> Date: Wed, 29 May 2024 10:20:21 -0500 Subject: [PATCH] Changes UI (#61) --- packages/nextjs/app/layout.tsx | 4 ++-- packages/nextjs/app/page.tsx | 2 +- packages/nextjs/components/Footer.tsx | 2 +- .../CustomConnectButton/AddressQRCodeModal.tsx | 2 +- packages/nextjs/data-challenges/challenges.ts | 6 +++--- packages/nextjs/public/logo.ico | Bin 0 -> 15406 bytes packages/nextjs/public/manifest.json | 5 +++++ 7 files changed, 13 insertions(+), 8 deletions(-) create mode 100644 packages/nextjs/public/logo.ico create mode 100644 packages/nextjs/public/manifest.json diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx index 6e63f4b..4772726 100644 --- a/packages/nextjs/app/layout.tsx +++ b/packages/nextjs/app/layout.tsx @@ -7,9 +7,9 @@ import { Space_Grotesk } from "next/font/google"; const spaceGrotesk = Space_Grotesk({ subsets: ["latin"] }); export const metadata: Metadata = { - title: "Starknet Speedrun", + title: "SpeedRun Stark", description: "Fast track your starknet journey", - icons: "/icon-starknet.svg", + icons: "/logo.ico", }; const ScaffoldStarkApp = ({ children }: { children: React.ReactNode }) => { diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx index c7b914a..90c7402 100644 --- a/packages/nextjs/app/page.tsx +++ b/packages/nextjs/app/page.tsx @@ -56,7 +56,7 @@ const Home: NextPage = () => {
- {firstChallenges.slice(0, 3).map((challenge) => ( + {firstChallenges.slice(0, 4).map((challenge) => ( { ·
-
+
diff --git a/packages/nextjs/data-challenges/challenges.ts b/packages/nextjs/data-challenges/challenges.ts index 6cf6d3d..3aadbe9 100644 --- a/packages/nextjs/data-challenges/challenges.ts +++ b/packages/nextjs/data-challenges/challenges.ts @@ -22,7 +22,7 @@ const allChallenges = [ description: "🤖 Smart contracts are kind of like always on vending machines that anyone can access. Let's make a decentralized, digital currency (an ERC20 token in Cairo for Starknet). Then, let's build an unstoppable vending machine that will buy and sell the currency. We'll learn about the approve pattern for ERC20s and how contract to contract interactions work.", imageUrl: "/tokenVendor.png", - border: false, + border: true, id: "token-vendor", }, { @@ -68,7 +68,7 @@ const allChallenges = [ }, ]; -const firstChallenges = allChallenges.slice(0, 3); -const lastChallenges = allChallenges.slice(3); +const firstChallenges = allChallenges.slice(0, 4); +const lastChallenges = allChallenges.slice(4); export { firstChallenges, lastChallenges }; diff --git a/packages/nextjs/public/logo.ico b/packages/nextjs/public/logo.ico new file mode 100644 index 0000000000000000000000000000000000000000..1e5c9cf88a96661823ae9789892818b77505c64a GIT binary patch literal 15406 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 VOPfJWny5^p{^RQ(Ens~M{12YCmwEsI literal 0 HcmV?d00001 diff --git a/packages/nextjs/public/manifest.json b/packages/nextjs/public/manifest.json new file mode 100644 index 0000000..8ede371 --- /dev/null +++ b/packages/nextjs/public/manifest.json @@ -0,0 +1,5 @@ +{ + "name": "SpeedRun Stark", + "description": "Fast track your starknet journey", + "iconPath": "logo.ico" +}