From ee82a7677a31f6c02f6cacd94edffd3fcca18780 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 16 Aug 2022 21:00:02 +0100
Subject: [PATCH] feat: add logo

---
 public/logo.svg                                    |  1 +
 src/components/main/MainLayout.tsx                 |  8 +++++++-
 src/pages/dashboard/[subdomain]/index.tsx          | 12 ++++--------
 .../dashboard/[subdomain]/settings/general.tsx     |  2 +-
 src/pages/index.tsx                                | 14 ++++++++------
 5 files changed, 21 insertions(+), 16 deletions(-)
 create mode 100644 public/logo.svg

diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 00000000..4ff81610
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 143.73 143.74"><g id="c"><g><rect x="3" y="3" width="137.73" height="137.74" style="fill:none; stroke:#121212; stroke-miterlimit:10; stroke-width:6px;"/><path d="M69.16,96c0,11.94-8.7,20.63-20.46,20.63s-20.68-8.69-20.68-20.63,8.69-20.51,20.63-20.51,20.51,8.69,20.51,20.51Z"/><path d="M115.95,96.59v14.43c-3.58,3.46-9.48,5.68-15.91,5.68-13.47,0-22.04-7.84-22.04-19.95s9.49-21.18,22.83-21.18v21.02h15.12Z"/><polygon points="115.95 53.51 115.95 67.95 78 67.95 78 27.19 101.03 27.19 101.03 53.51 115.95 53.51"/><polygon points="27.78 68.08 39.93 45.45 28.28 27.03 68.91 27.03 57.26 45.45 69.4 68.08 27.78 68.08"/></g></g></svg>
\ No newline at end of file
diff --git a/src/components/main/MainLayout.tsx b/src/components/main/MainLayout.tsx
index 65b412ce..88c5b23c 100644
--- a/src/components/main/MainLayout.tsx
+++ b/src/components/main/MainLayout.tsx
@@ -11,6 +11,7 @@ import { SEOHead } from "../common/SEOHead"
 import { UniLink } from "../ui/UniLink"
 import { ConnectButton } from "../common/ConnectButton"
 import { getSiteLink } from "~/lib/helpers"
+import Image from "next/image"
 
 export function MainLayout({
   children,
@@ -28,7 +29,12 @@ export function MainLayout({
       />
       <header className="py-10">
         <div className="max-w-screen-lg px-5 mx-auto flex justify-between items-center">
-          <h1 className="inline-block text-2xl font-extrabold">{APP_NAME}</h1>
+          <div className="text-3xl font-extrabold flex items-center">
+            <div className="inline-block w-16 h-16 mr-4">
+              <Image alt={APP_NAME} src="/logo.svg" width={100} height={100} />
+            </div>
+            {APP_NAME.toUpperCase()}
+          </div>
           <div className="space-x-5 text-zinc-500">
             <ConnectButton />
           </div>
diff --git a/src/pages/dashboard/[subdomain]/index.tsx b/src/pages/dashboard/[subdomain]/index.tsx
index 105b6222..95cfe461 100644
--- a/src/pages/dashboard/[subdomain]/index.tsx
+++ b/src/pages/dashboard/[subdomain]/index.tsx
@@ -2,6 +2,7 @@ import { useRouter } from "next/router"
 import { DashboardLayout } from "~/components/dashboard/DashboardLayout"
 import { DashboardMain } from "~/components/dashboard/DashboardMain"
 import { UniLink } from "~/components/ui/UniLink"
+import Image from "next/image"
 
 export default function SubdomainIndex() {
   const router = useRouter()
@@ -10,14 +11,9 @@ export default function SubdomainIndex() {
     <DashboardLayout title="Dashboard">
       <DashboardMain>
         <div className="prose max-w-screen-md">
-          <p>
-            <svg className="w-8 h-8" viewBox="0 0 24 24">
-              <path
-                fill="currentColor"
-                d="M7.03 4.95L3.5 8.5c-3.33 3.31-3.33 8.69 0 12s8.69 3.33 12 0l6-6c1-.97 1-2.56 0-3.54c-.1-.12-.23-.23-.37-.32l.37-.39c1-.97 1-2.56 0-3.54c-.14-.16-.33-.3-.5-.41c.38-.92.21-2.02-.54-2.77c-.87-.87-2.22-.96-3.2-.28a2.517 2.517 0 0 0-3.88-.42l-2.51 2.51c-.09-.14-.2-.27-.32-.39a2.53 2.53 0 0 0-3.52 0m1.41 1.42c.2-.2.51-.2.71 0s.2.51 0 .71l-3.18 3.18a3 3 0 0 1 0 4.24l1.41 1.41a5.004 5.004 0 0 0 1.12-5.36l6.3-6.3c.2-.2.51-.2.7 0s.21.51 0 .71l-4.59 4.6l1.41 1.41l6.01-6.01c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-6.01 6.01l1.41 1.41l4.95-4.95c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-5.66 5.65l1.41 1.42l3.54-3.54c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-6 6.01c-2.54 2.54-6.65 2.54-9.19 0s-2.54-6.65 0-9.19l3.53-3.54M23 17c0 3.31-2.69 6-6 6v-1.5c2.5 0 4.5-2 4.5-4.5H23M1 7c0-3.31 2.69-6 6-6v1.5c-2.5 0-4.5 2-4.5 4.5H1Z"
-              ></path>
-            </svg>
-          </p>
+          <div className="w-14 h-14 mb-8">
+            <Image alt="logo" src="/logo.svg" width={100} height={100} />
+          </div>
           <p>Hello there,</p>
           <p>
             This page is quite empty for now, but we will polish it very soon!
diff --git a/src/pages/dashboard/[subdomain]/settings/general.tsx b/src/pages/dashboard/[subdomain]/settings/general.tsx
index a515ced5..eb8333fc 100644
--- a/src/pages/dashboard/[subdomain]/settings/general.tsx
+++ b/src/pages/dashboard/[subdomain]/settings/general.tsx
@@ -92,7 +92,7 @@ export default function SiteSettingsGeneralPage() {
               label="Google Analytics"
               help={
                 <p>
-                  Integrate Google Analytics into your xlog. You can follow the
+                  Integrate Google Analytics into your site. You can follow the
                   instructions{" "}
                   <UniLink
                     className="underline"
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ea495783..b994205d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -16,7 +16,7 @@ import { BlockchainIcon } from "~/components/icons/BlockchainIcon"
 import { Button } from "~/components/ui/Button"
 import { useConnectModal } from "@rainbow-me/rainbowkit"
 import { useRouter } from "next/router"
-import { GITHUB_LINK } from "~/lib/env"
+import { GITHUB_LINK, APP_NAME } from "~/lib/env"
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
   return {
@@ -125,7 +125,7 @@ export default function Home({ region }: { region: string | null }) {
               Blogging geekily.
             </h2>
             <h3 className="mt-5 text-zinc-500">
-              Meet xlog, the on-chain and{" "}
+              Meet {APP_NAME}, the on-chain and{" "}
               <UniLink href={GITHUB_LINK}>open-source</UniLink> blogging
               platform for everyone.
             </h3>
@@ -189,7 +189,7 @@ export default function Home({ region }: { region: string | null }) {
               <tbody>
                 <tr className="border-b text-xl">
                   <th className="text-center w-60"></th>
-                  <th className="text-center py-3">xlog</th>
+                  <th className="text-center py-3">{APP_NAME}</th>
                   <th className="text-center">Mirror.xyz</th>
                 </tr>
                 {comparing.map((item, index) => (
@@ -207,17 +207,19 @@ export default function Home({ region }: { region: string | null }) {
             </table>
           </div>
           <div className="mt-10 text-center">
-            <p className="text-5xl font-bold mb-8">logo</p>
+            <div className="w-20 h-20 mx-auto mb-8">
+              <Image alt="logo" src="/logo.svg" width={100} height={100} />
+            </div>
             {addressIn ? (
               <UniLink
                 href="/dashboard"
                 className="text-indigo-500 inline-flex items-center space-x-2 hover:text-indigo-600"
               >
-                <Button size="xl">Try xlog today</Button>
+                <Button size="xl">Try {APP_NAME} today</Button>
               </UniLink>
             ) : (
               <Button onClick={tryNow} size="xl">
-                Try xlog today
+                Try {APP_NAME} today
               </Button>
             )}
           </div>