chore: adjust style

NaturalSelectionLabs · Nov 1, 2023 · e27c7a4 · e27c7a4
1 parent 470e306
commit e27c7a4
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 13 deletions.
diff --git a/packages/site/src/components/Buttons.tsx b/packages/site/src/components/Buttons.tsx
@@ -43,8 +43,8 @@ export const ReconnectButton = (props: ComponentProps<typeof Button>) => {
   );
 };
 
-export const SendHelloButton = (props: ComponentProps<typeof Button>) => {
-  return <Button {...props}>Trigger Now</Button>;
+export const ResetButton = (props: ComponentProps<typeof Button>) => {
+  return <Button {...props}>Reset Now</Button>;
 };
 
 export const HeaderButtons = ({

diff --git a/packages/site/src/pages/index.tsx b/packages/site/src/pages/index.tsx
@@ -20,7 +20,7 @@ import {
   ConnectButton,
   InstallFlaskButton,
   ReconnectButton,
-  SendHelloButton,
+  ResetButton,
 } from '../components';
 import { defaultSnapOrigin, isProduction } from '../config';
 import {
@@ -185,14 +185,14 @@ const Index = () => {
 
   return (
     <div className="container my-12">
-      <h1 className="text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]">
+      <h1 className="mx-auto max-w-fit text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]">
         Welcome to{' '}
         <span className="text-text-RSS3 drop-shadow-md">
           RSS3 Social Notifier -
         </span>
         <span className="text-MetaMask drop-shadow-md"> A MetaMask Snap</span>
       </h1>
-      <h2 className="mt-5 mb-10 text-base text-left max-2xl text-muted-foreground sm:text-lg">
+      <div className="mx-auto my-5 text-base text-left max-w-4xl text-muted-foreground sm:text-lg">
         <p>
           This Snap for <span className="text-MetaMask">MetaMask</span> offers a
           quick and easy way to stay on top of your frens' social activities.
@@ -229,7 +229,17 @@ const Index = () => {
           3. When a new social activity initiated by any of your Web3 frens,{' '}
           <span>you will be notified</span>.
         </p>
-      </h2>
+      </div>
+      <div className="mx-auto mb-10 text-base text-left  max-w-4xl text-muted-foreground sm:text-lg">
+        <p>
+          Behind the scene, this Snap works by aggregating your social graphs
+          from Web3 social platforms, and use the{' '}
+          <a href="https://rss3.io" className="text-RSS3 font-bold">
+            RSS3 Network
+          </a>{' '}
+          to constantly check your frens' social activities.
+        </p>
+      </div>
       {state.error && (
         <div className="max-w-[600px] my-4">
           <Alert variant="destructive">
@@ -299,7 +309,7 @@ const Index = () => {
             </CardDescription>
           </CardHeader>
           <CardFooter>
-            <SendHelloButton
+            <ResetButton
               onClick={handleSendClearStateClick}
               disabled={!state.installedSnap}
             />

diff --git a/packages/snap/package.json b/packages/snap/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rss3/social-notifier-snap",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Get notifications when your Web3 frens produce new activities.",
   "repository": {
     "type": "git",

diff --git a/packages/snap/snap.manifest.json b/packages/snap/snap.manifest.json
@@ -1,13 +1,13 @@
 {
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Get notifications when your Web3 frens produce new activities.",
   "proposedName": "RSS3 Social Notifier",
   "repository": {
     "type": "git",
     "url": "https://github.com/NaturalSelectionLabs/RSS3-Social-Notifier-Snap.git"
   },
   "source": {
-    "shasum": "ByxXwo5zS56QahnQR9Auz6WiZFHJHl7t53xWXBK7npk=",
+    "shasum": "djyxGpXQ9l+4khKkQgxx39pdCAIFg5LUS1AoBUGXUIw=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

diff --git a/packages/snap/src/index.ts b/packages/snap/src/index.ts
@@ -504,9 +504,7 @@ export const onCronjob: OnCronjobHandler = async ({ request }) => {
 
           if (lastActivities && lastActivities.length > 0) {
             content.push(
-              heading(
-                `${profile.owner.handle}'s following has new activities.`,
-              ),
+              heading(`${profile.owner.handle}'s frens has new activities.`),
             );
 
             lastActivities.forEach((activity) => {