# extendify/0.10.0/src/Assist/components/PagesModule.js

Extendify, version 0.10.0. 66 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.10.0/code/src/Assist/components/PagesModule.js
- Raw: https://pluginprobe.com/plugins/extendify/0.10.0/raw/src/Assist/components/PagesModule.js
- Modified: 2022-09-07T00:59:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.10.0/code/src/Assist/components/PagesModule.js#L10-L20`.

```javascript
import { Spinner } from '@wordpress/components'
import { useEffect, useState } from '@wordpress/element'
import { __ } from '@wordpress/i18n'
import { getLaunchPages } from '@assist/api/WPApi'

export const PagesModule = () => {
    const [pages, setPages] = useState()

    useEffect(() => {
        if (!pages) {
            getLaunchPages().then((res) => {
                setPages(res.data)
            })
        }
    }, [pages, setPages])

    return (
        <div className="my-4 text-base">
            <h2 className="text-lg mb-3">{__('Pages', 'extendify')}:</h2>
            <div className="grid grid-cols-2 gap-4">
                {!pages && (
                    <div className="mt-2">
                        <Spinner />
                    </div>
                )}
                {pages && !pages.length && (
                    <div className="mt-2">
                        {__('No Launch pages found...', 'extendify')}
                    </div>
                )}
                {pages &&
                    pages.map((page) => (
                        <div
                            key={page.ID}
                            className="p-3 flex items-center justify-between border border-solid border-gray-400">
                            <div className="flex items-center">
                                <span className="dashicons dashicons-saved"></span>
                                <span className="pl-1 font-semibold">
                                    {page.post_title}
                                </span>
                            </div>
                            <div className="flex text-sm">
                                <span>
                                    <a
                                        target="_blank"
                                        rel="noreferrer"
                                        href={page.guid}>
                                        {__('View', 'extendify')}
                                    </a>
                                </span>
                                <span className="mr-2 pl-2">
                                    <a
                                        target="_blank"
                                        rel="noreferrer"
                                        href={`${window.extAssistData.adminUrl}post.php?post=${page.ID}&action=edit`}>
                                        {__('Edit', 'extendify')}
                                    </a>
                                </span>
                            </div>
                        </div>
                    ))}
            </div>
        </div>
    )
}

```