more styling

proofcarryingdata · Sep 27, 2024 · ae61def · ae61def
1 parent 45cb1b3
commit ae61def
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/apps/passport-client/components/screens/LoginScreens/OneClickLoginScreen.tsx b/apps/passport-client/components/screens/LoginScreens/OneClickLoginScreen.tsx
@@ -7,6 +7,11 @@ import { appConfig } from "../../../src/appConfig";
 import { useDispatch, useSelf } from "../../../src/appHooks";
 import { MaybeModal } from "../../modals/Modal";
 import { AppContainer } from "../../shared/AppContainer";
+import {
+  CardBodyContainer,
+  CardHeader,
+  CardOutlineExpanded
+} from "../../shared/PCDCard";
 import { ScreenLoader } from "../../shared/ScreenLoader";
 
 /**
@@ -111,11 +116,18 @@ export function OneClickLoginScreen(): JSX.Element | null {
 
         {!loading &&
           ticketPreviews.map((ticket) => (
-            <PODTicketCardBodyImpl
-              idBasedVerifyURL=""
-              ticketData={ticket}
-              key={ticket.ticketId}
-            />
+            <CardOutlineExpanded>
+              <CardBodyContainer>
+                <CardHeader isMainIdentity={true}>
+                  {ticket.eventName} ({ticket.ticketName})
+                </CardHeader>
+                <PODTicketCardBodyImpl
+                  idBasedVerifyURL=""
+                  ticketData={ticket}
+                  key={ticket.ticketId}
+                />
+              </CardBodyContainer>
+            </CardOutlineExpanded>
           ))}
       </AppContainer>
     </>