From 20e22946f811044a5a931f0d403ee485c79c7abd Mon Sep 17 00:00:00 2001 From: Henry Date: Tue, 31 Oct 2023 17:36:10 +0000 Subject: [PATCH] chore: update logo and color --- packages/site/gatsby-config.ts | 4 +-- packages/site/src/assets/RSS3.svg | 9 +++++++ packages/site/src/assets/logo.svg | 3 --- packages/site/src/components/Footer.tsx | 2 +- packages/site/src/components/Header.tsx | 6 +++-- packages/site/src/components/RSS3Logo.tsx | 29 ++++++++++++++++++++++ packages/site/src/pages/index.tsx | 8 +++--- packages/site/src/pages/monitor/create.tsx | 3 +-- packages/site/tailwind.config.js | 2 ++ 9 files changed, 52 insertions(+), 14 deletions(-) create mode 100644 packages/site/src/assets/RSS3.svg delete mode 100644 packages/site/src/assets/logo.svg create mode 100644 packages/site/src/components/RSS3Logo.tsx diff --git a/packages/site/gatsby-config.ts b/packages/site/gatsby-config.ts index d83b102..29e8f48 100644 --- a/packages/site/gatsby-config.ts +++ b/packages/site/gatsby-config.ts @@ -13,8 +13,8 @@ const config: GatsbyConfig = { resolve: 'gatsby-plugin-manifest', options: { name: 'Template Snap', - icon: 'src/assets/logo.svg', - theme_color: '#6F4CFF', + icon: 'src/assets/RSS3.svg', + theme_color: '#0072FF', background_color: '#FFFFFF', display: 'standalone', }, diff --git a/packages/site/src/assets/RSS3.svg b/packages/site/src/assets/RSS3.svg new file mode 100644 index 0000000..a581df2 --- /dev/null +++ b/packages/site/src/assets/RSS3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/site/src/assets/logo.svg b/packages/site/src/assets/logo.svg deleted file mode 100644 index 221f9e1..0000000 --- a/packages/site/src/assets/logo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/site/src/components/Footer.tsx b/packages/site/src/components/Footer.tsx index 68c9098..e630d6d 100644 --- a/packages/site/src/components/Footer.tsx +++ b/packages/site/src/components/Footer.tsx @@ -4,7 +4,7 @@ export const Footer = () => { {' '} Powered by{' '} - + RSS3 {' '} diff --git a/packages/site/src/components/Header.tsx b/packages/site/src/components/Header.tsx index d7d51cd..260f3cf 100644 --- a/packages/site/src/components/Header.tsx +++ b/packages/site/src/components/Header.tsx @@ -2,7 +2,7 @@ import { useContext } from 'react'; import { MetamaskActions, MetaMaskContext } from '../hooks'; import { connectSnap, getSnap } from '../utils'; import { HeaderButtons } from './Buttons'; -import { SnapLogo } from './SnapLogo'; +import { RSS3Logo } from './RSS3Logo'; export const Header = () => { const [state, dispatch] = useContext(MetaMaskContext); @@ -25,7 +25,9 @@ export const Header = () => {
- + + +

RSS3 Social Notifier Snap
diff --git a/packages/site/src/components/RSS3Logo.tsx b/packages/site/src/components/RSS3Logo.tsx new file mode 100644 index 0000000..caf1537 --- /dev/null +++ b/packages/site/src/components/RSS3Logo.tsx @@ -0,0 +1,29 @@ +export const RSS3Logo = () => ( + + + + + + + + + +); diff --git a/packages/site/src/pages/index.tsx b/packages/site/src/pages/index.tsx index 53ec217..af11ae8 100644 --- a/packages/site/src/pages/index.tsx +++ b/packages/site/src/pages/index.tsx @@ -187,15 +187,15 @@ const Index = () => {

Welcome to{' '} - + RSS3 Social Notifier - - A MetaMask Snap + A MetaMask Snap

- This Snap for MetaMask offers - a quick and easy way to stay on top of your frens' social activities. + This Snap for MetaMask offers a + quick and easy way to stay on top of your frens' social activities.

1. Connect to the Snap and install.

diff --git a/packages/site/src/pages/monitor/create.tsx b/packages/site/src/pages/monitor/create.tsx index f222e61..109f51b 100644 --- a/packages/site/src/pages/monitor/create.tsx +++ b/packages/site/src/pages/monitor/create.tsx @@ -1,7 +1,6 @@ import { useState, useEffect, useMemo, useContext } from 'react'; -import { formatAddressAndNS } from '@rss3/js-sdk'; import * as z from 'zod'; -import { type Profile } from '@rss3/js-sdk'; +import { type Profile, formatAddressAndNS } from '@rss3/js-sdk'; import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import { navigate } from 'gatsby'; diff --git a/packages/site/tailwind.config.js b/packages/site/tailwind.config.js index 5c432ed..2bb3775 100644 --- a/packages/site/tailwind.config.js +++ b/packages/site/tailwind.config.js @@ -17,6 +17,8 @@ module.exports = { }, extend: { colors: { + RSS3: '#0072FF', + MetaMask: '#E97C23', border: 'hsl(var(--border))', input: 'hsl(var(--input))', ring: 'hsl(var(--ring))',