From 9d6f3a4a757fcd2a1fd4db7ecf575532d5b8723c Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 9 May 2022 07:30:20 -0500
Subject: [PATCH] nice quote and logo bottom full motto

---
 packages/components/logo/full.tsx               |  2 +-
 packages/components/logo/fullMotto.tsx          |  6 +++---
 .../desktop/src/components/header/index.tsx     | 17 ++++++++---------
 packages/desktop/src/pages/router/index.tsx     | 10 ++++++++--
 4 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/packages/components/logo/full.tsx b/packages/components/logo/full.tsx
index 8e39e46..5e02c32 100644
--- a/packages/components/logo/full.tsx
+++ b/packages/components/logo/full.tsx
@@ -7,7 +7,7 @@ export default function FullLogo({
   className,
   type,
 }: {
-  className: string;
+  className?: string;
   type?: LogoType;
 }) {
   if (type === LogoType.small) {
diff --git a/packages/components/logo/fullMotto.tsx b/packages/components/logo/fullMotto.tsx
index c8605da..1cf6bed 100644
--- a/packages/components/logo/fullMotto.tsx
+++ b/packages/components/logo/fullMotto.tsx
@@ -7,15 +7,15 @@ export default function FullMottoLogo({
   className,
   type,
 }: {
-  className: string;
+  className?: string;
   type?: LogoType;
 }) {
   if (type === LogoType.small) {
     return (
       <svg
         className={className}
-        width="233"
-        height="204"
+        width="125"
+        height="100"
         viewBox="0 0 233 204"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/desktop/src/components/header/index.tsx b/packages/desktop/src/components/header/index.tsx
index da67aef..ec9e63d 100644
--- a/packages/desktop/src/components/header/index.tsx
+++ b/packages/desktop/src/components/header/index.tsx
@@ -129,15 +129,14 @@ export default function NirvanaHeader({
         className="flex flex-row items-center bg-gray-100 p-4 border-b border-b-gray-200"
         id="titlebar"
       >
-        {desktopMode === "flowState" ? (
-          <HorizontalLogo type={LogoType.small} />
-        ) : (
-          <Tooltip title={"connected"} placement="right">
-            <div onClick={onHeaderFocus}>
-              <Logo type="small" />
-            </div>
-          </Tooltip>
-        )}
+        <Tooltip
+          title={desktopMode === "flowState" ? "unplugged" : "connected"}
+          placement="right"
+        >
+          <div onClick={onHeaderFocus}>
+            <Logo type="small" />
+          </div>
+        </Tooltip>
 
         {!shouldHideSearch && (
           <div className="mx-auto flex flex-row items-center space-x-2">
diff --git a/packages/desktop/src/pages/router/index.tsx b/packages/desktop/src/pages/router/index.tsx
index 09497e6..ed1afd2 100644
--- a/packages/desktop/src/pages/router/index.tsx
+++ b/packages/desktop/src/pages/router/index.tsx
@@ -11,7 +11,9 @@ import Channels, {
 import { useCallback, useEffect, useState } from "react";
 import { useRecoilState, useRecoilValue } from "recoil";
 
+import FullMottoLogo from "../../../../components/logo/fullMotto";
 import { LineDataProvider } from "../../controller/lineDataProvider";
+import { LogoType } from "@nirvana/components/logo/full";
 import NirvanaHeader from "../../components/header/index";
 import NirvanaTerminal from "../terminal";
 import Overlay from "../overlay";
@@ -122,12 +124,16 @@ function FlowState() {
   }, []);
 
   return (
-    <div className="flex flex-row flex-1 justify-center items-center">
+    <div className="flex flex-col flex-1 justify-center items-center relative">
       {/* <img src="https://source.unsplash.com/random/?nature" /> */}
+      <FullMottoLogo
+        type={LogoType.small}
+        className={"absolute bottom-2 mx-auto"}
+      />
 
       {quote && (
         <span className="flex flex-col justify-center items-center max-w-screen-sm">
-          <span className="text-xl text-gray-800 font-semibold">
+          <span className="text-xl text-gray-800 font-semibold text-center">
             "{quote.content}"
           </span>
           <span className="tex-md italic text-gray-400">{quote.author}</span>