sample.tsx

/*
 * Copyright (c) 2024, salesforce.com, inc.
 * All rights reserved.
 * SPDX-License-Identifier: BSD-3-Clause
 * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
 */
import React, {Fragment} from 'react'
import {getStaticAssetUrl} from '@salesforce/pwa-kit-react-sdk/ssr/universal/utils'
import extensionMeta from '../../extension-meta.json'

const Sample = () => {
    const logoUrl = getStaticAssetUrl('salesforce-logo.svg', {
        appExtensionPackageName: extensionMeta.id
    })
    return (
        <Fragment>
            <h1>Welcome to the Sample Page 👋</h1>
            <hr />
            <img alt="logo" src={logoUrl} width={200} />

            <p>
                If you are reading this, it means that this page was successfully added to your base
                project. 🎉
            </p>
            <p>
                This <i>Application Extension</i> was installed by running the below command in your
                PWA-Kit project. Its dependancies were automatically installed and the extension
                configured into your projects extensions array.
            </p>
            <div
                style={{
                    border: '1px solid darkGray',
                    backgroundColor: 'lightgray',
                    width: 'calc(100% - 10px)',
                    padding: '5px'
                }}
            >
                <code>
                    &gt; npm install @salesforce/extension-sample
                    <br />
                    &gt; Downloading npm package... <br />
                    &gt; Installing extention... <br />
                    &gt; Finished. <br />
                    &gt; Congratulations! The Sample extension was successfully installed! Please
                    visit https://www.npmjs.com/package/@salesforce/extension-sample for more
                    information on how to use this extension.
                </code>
            </div>
        </Fragment>
    )
}

Sample.getTemplateName = () => 'sample'

export default Sample