Graybyt3 Was Here

Linux business121.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64
LiteSpeed
192.64.117.91

File Name : 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:p-12 3xl:p-16">
				<Title title={__('Pick Your Site Structure', 'extendify-local')} />
				<div className="relative mx-auto flex w-full max-w-2xl flex-col gap-8 lg:flex-row 3xl:max-w-4xl">
					{buttonsOrdered}
				</div>
			</div>
		</PageLayout>
	);
};

System Information
*ReClick For Close
File : BlackDragon /simple/function.php

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	insiaiqb/insiaiqb	0755	2024-09-12 10:08:13
..	dir	-	insiaiqb/insiaiqb	0755	2024-06-11 06:50:38
BusinessInformation.jsx	text/html	2.8 KB	insiaiqb/insiaiqb	0644	2024-10-08 02:19:28
CreatingSite.jsx	text/x-java	13.06 KB	insiaiqb/insiaiqb	0644	2024-11-12 01:14:14
Goals.jsx	text/html	3.47 KB	insiaiqb/insiaiqb	0644	2024-11-12 01:14:14
HomeSelect.jsx	text/html	5.35 KB	insiaiqb/insiaiqb	0644	2024-11-12 01:14:14
NeedsTheme.jsx	text/html	941 B	insiaiqb/insiaiqb	0644	2024-10-08 02:19:28
PagesSelect.jsx	text/html	5.33 KB	insiaiqb/insiaiqb	0644	2024-11-12 01:14:14
SiteInformation.jsx	text/html	3.17 KB	insiaiqb/insiaiqb	0644	2024-10-08 02:19:28
SiteStructure.jsx	text/html	3.75 KB	insiaiqb/insiaiqb	0644	2024-10-08 02:19:28
SiteTypeSelect.jsx	text/html	3.68 KB	insiaiqb/insiaiqb	0644	2024-10-08 02:19:28