How to display total checkout in a new javascript-react app?

Shopify Apps
1

Hi, I created new app in my store, in extension need display the total of checkout, but i don’t know display, this is my code:

import {
  reactExtension,
  InlineLayout,
  View,
  Image,
  Text,
} from '@shopify/ui-extensions-react/checkout';

export default reactExtension(
  'purchase.checkout.block.render',
  () => <Extension />,
);

function Extension() {  
  return (
    <InlineLayout border="base" cornerRadius="large" columns={['20%', 'fill']}>
      <View padding="base">
      </View>
      <View padding="base">
        <Text size="small">Pay in 4 interest-free payments of at the end of the checkout.</Text>
      </View>
    </InlineLayout>
  );

Screenshot 2023-10-23 at 15.25.52.png
Screenshot 2023-10-23 at 15.25.52.png2438×548 70.6 KB

2

Hi @Desplo1 ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.