Skip to main content

pos.exchange.post.action.render
Target

A full-screen extension target that renders when a pos.exchange.post.action.menu-item.render target calls for it

Note

This is part of a POS UI Extensions developer preview. More information to come.

Was this section helpful?

Action

import React from 'react';

import {
Navigator,
Screen,
ScrollView,
Text,
reactExtension,
useApi,
} from '@shopify/ui-extensions-react/point-of-sale';

const ExchangeAction = () => {
const api = useApi<'pos.exchange.post.action.render'>();
return (
<Navigator>
<Screen name="ExchangeDetails" title="Exchange Details">
<ScrollView>
<Text>{`Order ID: ${api.order.id}`}</Text>
</ScrollView>
</Screen>
</Navigator>
);
};

export default reactExtension('pos.exchange.post.action.render', () => (
<ExchangeAction />
));