File Manager

X7ROOT File Manager

Current Path: /home/notabjze/pyirates.net/wp-content/plugins/extendify/src/Launch/pages

home / notabjze / pyirates.net / wp-content / plugins / extendify / src / Launch / pages /

ðŸ“ ..
ðŸ“„ BusinessInformation.jsx(2.87 KB)
ðŸ“„ CreatingSite.jsx(12.66 KB)
ðŸ“„ Goals.jsx(4.28 KB)
ðŸ“„ HomeSelect.jsx(5.07 KB)
ðŸ“„ NeedsTheme.jsx(942 B)
ðŸ“„ PagesSelect.jsx(5.24 KB)
ðŸ“„ SiteInformation.jsx(3.18 KB)
ðŸ“„ SiteStructure.jsx(3.77 KB)
ðŸ“„ SiteTypeSelect.jsx(3.68 KB)

Editing: SiteStructure.jsx

import {
	useEffect,
	useLayoutEffect,
	useMemo,
	useState,
} from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Icon, arrowRight } from '@wordpress/icons';
import classNames from 'classnames';
import { Title } from '@launch/components/Title';
import { PageLayout } from '@launch/layouts/PageLayout';
import { usePagesStore } from '@launch/state/Pages';
import { pageState } from '@launch/state/factory';
import { useUserSelectionStore } from '@launch/state/user-selections';

export const state = pageState('Site Template Type', () => ({
	ready: false,
	canSkip: false,
	validation: null,
	onRemove: () => {},
}));

export const SiteStructure = () => {
	const { siteStructure, setSiteStructure } = useUserSelectionStore();
	const { removePage, addPage } = usePagesStore();
	const [firstButton, setFirstButton] = useState(siteStructure);

useLayoutEffect(() => {
		if (firstButton) return;
		// Randomize the order of the buttons
		const random = ['single-page', 'multi-page'].sort(
			() => Math.random() - 0.5,
		);
		setFirstButton(random[0]);
		setSiteStructure(random[0]);
	}, [setSiteStructure, firstButton]);

useEffect(() => {
		state.setState({ ready: !!siteStructure && firstButton });
	}, [siteStructure, addPage, removePage, firstButton]);

const buttons = useMemo(
		() => [
			<ButtonSelect
				key="single-page"
				onClick={() => setSiteStructure('single-page')}
				selected={siteStructure === 'single-page'}
				imageSrc="https://assets.extendify.com/launch/single-page-website.webp"
				title={__('Single-Page Website', 'extendify-local')}
				description={__(
					'All content displayed on one scrolling page.',
					'extendify-local',
				)}
			/>,
			<ButtonSelect
				key="multi-page"
				onClick={() => setSiteStructure('multi-page')}
				selected={siteStructure === 'multi-page'}
				imageSrc="https://assets.extendify.com/launch/multi-page-website.webp"
				title={__('Multi-Page Website', 'extendify-local')}
				description={__('Multiple interconnected pages.', 'extendify-local')}
			/>,
		],
		[siteStructure, setSiteStructure],
	);
	const buttonsOrdered =
		firstButton === 'multi-page' ? buttons.toReversed() : buttons;

return (
		<PageLayout>
			<div className="grow overflow-y-scroll px-6 py-8 md:px-32 md:py-16">
				<Title title={__('Pick Your Site Structure', 'extendify-local')} />
				<div className="relative mx-auto flex w-full max-w-3xl flex-col gap-4 lg:flex-row lg:gap-8">
					{buttonsOrdered}
				</div>
			</div>
		</PageLayout>
	);
};

X7ROOT File Manager

Editing: SiteStructure.jsx

Upload File

Create Folder