From 8072b5d9db91bf9fa159a0e2aaedf9e6c8c48b89 Mon Sep 17 00:00:00 2001
From: Ivan Chub <ivansergchub@gmail.com>
Date: Thu, 25 Jul 2024 14:09:29 -0700
Subject: [PATCH] add zupass logo

---
 apps/passport-client/components/core/index.tsx       | 12 ++++++++++--
 .../components/screens/HomeScreen/HomeScreen.tsx     |  9 +++++++--
 .../components/shared/PCDCardList.tsx                |  2 +-
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/apps/passport-client/components/core/index.tsx b/apps/passport-client/components/core/index.tsx
index ffc80d4e40..dfc3e2e978 100644
--- a/apps/passport-client/components/core/index.tsx
+++ b/apps/passport-client/components/core/index.tsx
@@ -92,9 +92,17 @@ export const PreWrap = styled.pre`
   overflow: hidden;
 `;
 
-export function ZuLogo(): JSX.Element {
+export function ZuLogo(
+  props: React.HTMLAttributes<HTMLImageElement>
+): JSX.Element {
   return (
-    <img draggable="false" src={icons.logo} width="160px" height="155px" />
+    <img
+      draggable="false"
+      src={icons.logo}
+      width="160px"
+      height="155px"
+      {...props}
+    />
   );
 }
 
diff --git a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx
index 1eee64342b..dc8e8186cf 100644
--- a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx
+++ b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx
@@ -30,7 +30,7 @@ import {
   isFrogCryptoFolder,
   isProtocolWorldsFolder
 } from "../../../src/util";
-import { Placeholder, Spacer } from "../../core";
+import { Placeholder, Spacer, ZuLogo } from "../../core";
 import { RippleLoader } from "../../core/RippleLoader";
 import { MaybeModal } from "../../modals/Modal";
 import { AppContainer } from "../../shared/AppContainer";
@@ -179,6 +179,11 @@ export function HomeScreenImpl(): JSX.Element | null {
     <>
       <MaybeModal />
       <AppContainer bg="gray">
+        <Spacer h={24} />
+        <div className="flex-col flex align-center items-center gap-2">
+          <ZuLogo width="64px" />{" "}
+          <div className="text-2xl font-bold">Zupass</div>
+        </div>
         <Spacer h={24} />
         {isRoot && !isOther && <AppHeader isEdgeCity={isEdgeCity} />}
         <Placeholder minH={540}>
@@ -252,7 +257,7 @@ export function HomeScreenImpl(): JSX.Element | null {
                       window.location.href = "#/other";
                     }}
                   >
-                    Your Other Data
+                    Other Data
                   </div>
                 </>
               )}
diff --git a/apps/passport-client/components/shared/PCDCardList.tsx b/apps/passport-client/components/shared/PCDCardList.tsx
index 2f2ac604b9..039e991c9f 100644
--- a/apps/passport-client/components/shared/PCDCardList.tsx
+++ b/apps/passport-client/components/shared/PCDCardList.tsx
@@ -159,7 +159,7 @@ export function PCDCardList({
       )}
 
       {sortedPCDs.length > 1 && (
-        <div className="flex flex-row gap-4 ">
+        <div className="flex flex-row gap-4 mb-[0.75rem]">
           <div
             className={cn(
               "border-4 border-cyan-950 flex-grow",