From 1988c0baf047603043d6b3a865f78aa2ddc1f879 Mon Sep 17 00:00:00 2001
From: wpalani <abdulrahmanalani95@gmail.com>
Date: Tue, 5 Dec 2023 08:39:33 -0700
Subject: [PATCH] Remove local section and page components

---
 src/app/components/page/index.js    |  15 ---
 src/app/components/section/index.js | 159 ----------------------------
 2 files changed, 174 deletions(-)
 delete mode 100644 src/app/components/page/index.js
 delete mode 100644 src/app/components/section/index.js

diff --git a/src/app/components/page/index.js b/src/app/components/page/index.js
deleted file mode 100644
index 47fd63e3c..000000000
--- a/src/app/components/page/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import classNames from 'classnames';
-
-export const Page = ( { className, children } ) => {
-	return (
-		<div
-			className={ classNames(
-				'wppbh-page',
-				className,
-				'nfd-flex nfd-flex-col nfd-gap-8'
-			) }
-		>
-			{ children }
-		</div>
-	);
-};
diff --git a/src/app/components/section/index.js b/src/app/components/section/index.js
deleted file mode 100644
index 03a4352af..000000000
--- a/src/app/components/section/index.js
+++ /dev/null
@@ -1,159 +0,0 @@
-import { Button, Title } from '@newfold/ui-component-library';
-import { useState, useEffect } from '@wordpress/element';
-import classNames from 'classnames';
-
-export const SectionContainer = ( { className, children } ) => {
-	return (
-		<div
-			className={ classNames(
-				'wppbh-app-section-container nfd-bg-white nfd-w-full nfd-rounded-lg nfd-shadow',
-				className
-			) }
-		>
-			{ children }
-		</div>
-	);
-};
-
-export const SectionHeader = ( {
-	title,
-	subTitle,
-	className,
-	primaryAction = { title: false, className: false, onClick: false },
-	secondaryAction = { title: false, className: false, onClick: false },
-} ) => {
-	return (
-		<div
-			className={ classNames(
-				'wppbh-app-section-header nfd-p-8 nfd-border-b nfd-border-line nfd-flex nfd-flex-col xl:nfd-flex-row nfd-items-baseline nfd-gap-4',
-				className
-			) }
-		>
-			<div className="xl:nfd-w-7/12 nfd-flex nfd-flex-col nfd-gap-3">
-				{ title && (
-					<h2 className="nfd-text-2xl nfd-font-medium nfd-text-title">
-						{ title }
-					</h2>
-				) }
-				{ subTitle && <p>{ subTitle }</p> }
-			</div>
-			{ ( primaryAction.title || secondaryAction.title ) && (
-				<div className="xl:nfd-w-5/12 nfd-flex nfd-flex-row-reverse nfd-flex-wrap nfd-gap-3">
-					{ primaryAction.title && (
-						<Button
-							as="button"
-							variant="primary"
-							className={ classNames(
-								'nfd-w-full min-[400px]:nfd-w-auto',
-								primaryAction.className
-							) }
-							onClick={ primaryAction.onClick }
-						>
-							{ primaryAction.title }
-						</Button>
-					) }
-					{ secondaryAction.title && (
-						<Button
-							as="button"
-							variant="secondary"
-							className={ classNames(
-								'nfd-w-full min-[400px]:nfd-w-auto',
-								secondaryAction.className
-							) }
-							onClick={ secondaryAction.onClick }
-						>
-							{ secondaryAction.title }
-						</Button>
-					) }
-				</div>
-			) }
-		</div>
-	);
-};
-
-export const SectionContent = ( {
-	separator = false,
-	id,
-	className,
-	children,
-} ) => {
-	const [ isTarget, setIsTarget ] = useState( false );
-	const searchParams = new URLSearchParams( window.location.search );
-
-	useEffect( () => {
-		if (
-			searchParams.has( 'nfd-target' ) &&
-			searchParams.get( 'nfd-target' ) === id
-		) {
-			setIsTarget( true );
-
-			setTimeout( () => {
-				setIsTarget( false );
-				removeTargetQueryParam();
-			}, 9500 );
-		}
-		// eslint-disable-next-line react-hooks/exhaustive-deps
-	}, [ searchParams ] );
-
-	/*
-	 * Remove the 'nfd-target={id}' query param from the URL
-	 */
-	const removeTargetQueryParam = () => {
-		searchParams.delete( 'nfd-target' );
-		const currentURL = window.location.href;
-		const updatedURL = currentURL.replace( `&nfd-target=${ id }`, '' );
-		window.history.replaceState( null, null, updatedURL );
-	};
-
-	return (
-		<div
-			id={ id }
-			className={ classNames(
-				'wppbh-app-section-content nfd-p-8 nfd-pb-0',
-				className,
-				isTarget && 'wppbh-animation-blink'
-			) }
-		>
-			<div
-				className={ classNames(
-					'nfd-pb-8',
-					separator && 'nfd-border-b nfd-border-[#CBD5E1]'
-				) }
-			>
-				{ children }
-			</div>
-		</div>
-	);
-};
-
-export const SectionSettings = ( {
-	className,
-	children,
-	title,
-	description,
-} ) => {
-	return (
-		<section
-			className={ classNames(
-				'nfd-grid xl:nfd-grid-cols-3 xl:nfd-gap-12',
-				className
-			) }
-		>
-			<div className="nfd-col-span-1">
-				<div className="nfd-max-w-screen-sm">
-					<Title as="h3" size="4">
-						{ title }
-					</Title>
-					{ description && (
-						<div className="nfd-mt-2">{ description }</div>
-					) }
-				</div>
-			</div>
-
-			<fieldset className="nfd-min-w-0 nfd-mt-8 xl:nfd-mt-0 xl:nfd-col-span-2">
-				<legend className="nfd-sr-only">{ title }</legend>
-				<div className="st-space-y-8">{ children }</div>
-			</fieldset>
-		</section>
-	);
-};