Referenca viewport-a
Referenca viewport-a
Viewport-i su specifična mesta u Stripe Dashboard-u gde se može prikazati UI vaše aplikacije. Svaki viewport ima kontekstualne podatke dostupne vašoj komponenti.
Dostupni viewport-i
Pogledi kupaca
| Viewport | Opis | Kontekstualni podaci |
|---|---|---|
stripe.dashboard.customer.detail | Stranica detalja kupca | customer objekat |
stripe.dashboard.customer.detail.tab | Tab na stranici kupca | customer objekat |
Pogledi plaćanja
| Viewport | Opis | Kontekstualni podaci |
|---|---|---|
stripe.dashboard.payment.detail | Stranica detalja plaćanja | paymentIntent objekat |
stripe.dashboard.invoice.detail | Stranica detalja fakture | invoice objekat |
Pogledi pretplata
| Viewport | Opis | Kontekstualni podaci |
|---|---|---|
stripe.dashboard.subscription.detail | Stranica detalja pretplate | subscription objekat |
Primer implementacije
Pogled detalja kupca
import { useExtensionContext } from "@stripe/ui-extension-sdk/context";import { Box, Heading, Button } from "@stripe/ui-extension-sdk/ui";
const CustomerBrevoView = () => { const { environment } = useExtensionContext(); const customer = environment.objectContext;
return ( <Box> <Heading>Brevo Sync Status</Heading> <Box>Customer ID: {customer.id}</Box> <Button onPress={() => syncToBrevo(customer.id)} > Sync to Brevo </Button> </Box> );};
export default CustomerBrevoView;Registracija u manifestu
"ui_extension": { "views": [ { "viewport": "stripe.dashboard.customer.detail", "component": "CustomerBrevoView" } ]}Sledeći koraci
- Referenca App Manifest, Registrujte viewport-e
- Ugrađene Stripe Apps, Ugradnja za platforme