diff --git a/apps/passport-client/components/screens/HomeScreen/Folder.tsx b/apps/passport-client/components/screens/HomeScreen/Folder.tsx index 7cbe84cfdc..8081bb51ec 100644 --- a/apps/passport-client/components/screens/HomeScreen/Folder.tsx +++ b/apps/passport-client/components/screens/HomeScreen/Folder.tsx @@ -5,6 +5,33 @@ import { usePCDsInFolder } from "../../../src/appHooks"; import { cn } from "../../../src/util"; import { EVENTS } from "./utils"; +export function FolderEventInfo({ + folder +}: { + folder: string; +}): React.ReactNode { + const event = EVENTS[folder]; + + if (!event) { + return null; + } + + return ( +
+
+
+ {folder} +
+
+ ); +} + export function FolderCard({ folder, onFolderClick, diff --git a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx index 2c7fa34c04..4069a858d9 100644 --- a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx +++ b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx @@ -42,6 +42,7 @@ import { FolderCard, FolderDetails, FolderEntryContainer, + FolderEventInfo, FolderExplorerContainer } from "./Folder"; import { isEvent } from "./utils"; @@ -216,6 +217,10 @@ export function HomeScreenImpl(): JSX.Element | null { )} + {isEvent(browsingFolder) && ( + + )} + {isFrogCrypto ? ( ) : isProtocolWorlds ? (