diff --git a/apps/passport-client/components/screens/HomeScreen/Folder.tsx b/apps/passport-client/components/screens/HomeScreen/Folder.tsx index 689741592e..422278771e 100644 --- a/apps/passport-client/components/screens/HomeScreen/Folder.tsx +++ b/apps/passport-client/components/screens/HomeScreen/Folder.tsx @@ -1,6 +1,7 @@ import { getNameFromPath, getParentFolder } from "@pcd/pcd-collection"; import { CSSProperties, useCallback } from "react"; import styled from "styled-components"; +import { usePCDsInFolder } from "../../../src/appHooks"; import { cn } from "../../../src/util"; export function FolderCard({ @@ -16,6 +17,8 @@ export function FolderCard({ onFolderClick(folder); }, [folder, onFolderClick]); + const pcds = usePCDsInFolder(folder); + return ( {getNameFromPath(folder)} +
+ {pcds.length} ticket{pcds.length > 1 ? "s" : ""} +
); }