blue -> cyan

proofcarryingdata · Jul 25, 2024 · efbc82b · efbc82b
1 parent 60c4317
commit efbc82b
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 10 deletions.
diff --git a/apps/passport-client/components/screens/HomeScreen/Folder.tsx b/apps/passport-client/components/screens/HomeScreen/Folder.tsx
@@ -27,15 +27,15 @@ export function FolderEventInfo({
   }
 
   return (
-    <div className="flex flex-col overflow-hidden w-full rounded shadow border-4 border-blue-950 select-none">
+    <div className="flex flex-col overflow-hidden w-full rounded shadow border-4 border-cyan-950 select-none">
       <div
         className="flex w-full h-[200px] "
         style={{
           backgroundImage: `url(${event.image})`,
           backgroundSize: "cover"
         }}
       ></div>
-      <div className="font-bold text-xl w-full bg-blue-700 px-4 py-2">
+      <div className="font-bold text-xl w-full bg-cyan-700 px-4 py-2 border-t-4 border-cyan-950">
         {getNameFromPath(folder)}
         <span className="text-sm font-normal">
           {" · "}
@@ -200,8 +200,8 @@ export function FolderDetails({
   return (
     <FolderHeader
       className={cn(
-        "border-4 border-blue-950",
-        "bg-blue-700 py-2 px-4 cursor-pointer hover:bg-blue-600  transition-all duration-100 text-center",
+        "border-4 border-cyan-950",
+        "bg-cyan-700 py-2 px-4 cursor-pointer hover:bg-cyan-600  transition-all duration-100 text-center",
         "rounded font-bold shadow-lg select-none active:ring-2 active:ring-offset-4 active:ring-white ring-opacity-60 ring-offset-[#19473f]",
         "text-lg"
       )}

diff --git a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx
@@ -23,6 +23,7 @@ import {
 } from "../../../src/appHooks";
 import { useSyncE2EEStorage } from "../../../src/useSyncE2EEStorage";
 import {
+  cn,
   isEdgeCityFolder,
   isFrogCryptoFolder,
   isProtocolWorldsFolder
@@ -226,6 +227,24 @@ export function HomeScreenImpl(): JSX.Element | null {
                       />
                     );
                   })}
+              {isRoot && !isOther && (
+                <>
+                  <div
+                    className={cn(
+                      "border-4 border-cyan-950",
+                      "text-center",
+                      "bg-cyan-700 py-2 px-4 cursor-pointer hover:bg-cyan-600  transition-all duration-100",
+                      "rounded font-bold shadow-lg select-none active:ring-2 active:ring-offset-4 active:ring-white ring-opacity-60 ring-offset-[#19473f]",
+                      "text-lg"
+                    )}
+                    onClick={() => {
+                      window.location.href = "#/other";
+                    }}
+                  >
+                    Your Other Data
+                  </div>
+                </>
+              )}
               {isRoot && shouldShowFrogCrypto && (
                 <FrogFolder
                   Container={FrogFolderContainer}

diff --git a/apps/passport-client/components/shared/AppHeader.tsx b/apps/passport-client/components/shared/AppHeader.tsx
@@ -74,9 +74,9 @@ function AppHeaderImpl({
       <div className="flex flex-row gap-2 w-full">
         <div
           className={cn(
-            "border-4 border-blue-950",
+            "border-4 border-cyan-950",
             "flex flex-row justify-center items-center flex-grow text-center",
-            "bg-blue-700 py-2 px-4 cursor-pointer hover:bg-blue-600  transition-all duration-100",
+            "bg-cyan-700 py-2 px-4 cursor-pointer hover:bg-cyan-600  transition-all duration-100",
             "rounded font-bold shadow-lg select-none active:ring-2 active:ring-offset-4 active:ring-white ring-opacity-60 ring-offset-[#19473f]",
             "text-lg"
           )}
@@ -86,9 +86,9 @@ function AppHeaderImpl({
         </div>
         <div
           className={cn(
-            "border-4 border-blue-950",
+            "border-4 border-cyan-950",
             "flex flex-row justify-center items-center flex-grow text-center",
-            "bg-blue-700 py-2 px-4 cursor-pointer hover:bg-blue-600  transition-all duration-100",
+            "bg-cyan-700 py-2 px-4 cursor-pointer hover:bg-cyan-600  transition-all duration-100",
             "rounded font-bold shadow-lg select-none active:ring-2 active:ring-offset-4 active:ring-white ring-opacity-60 ring-offset-[#19473f]",
             "text-lg"
           )}

diff --git a/apps/passport-client/components/shared/PCDCard.tsx b/apps/passport-client/components/shared/PCDCard.tsx
@@ -58,12 +58,12 @@ function PCDCardImpl({
     >
       {expanded ? (
         <CardOutlineExpanded
-          className={"border-4 border-blue-950 rounded-lg shadow-lg"}
+          className={"border-4 border-cyan-950 rounded-lg shadow-lg"}
         >
           {!hideHeader && (
             <CardHeader
               isMainIdentity={isMainIdentity}
-              className="bg-blue-700 select-none"
+              className="bg-cyan-700 select-none"
             >
               <HeaderContent pcd={pcd} isMainIdentity={isMainIdentity} />
             </CardHeader>