aDriv4 website!

Linux premium290.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
LiteSpeed
63.250.38.42

File Name : KnowledgeBase.jsx

import { Article } from '@help-center/components/knowledge-base/Article';
import { ArticlesList } from '@help-center/components/knowledge-base/ArticlesList';
import { SearchForm } from '@help-center/components/knowledge-base/SearchForm';
import { useSearchArticles } from '@help-center/hooks/useSearchArticles';
import { useKnowledgeBaseStore } from '@help-center/state/knowledge-base';
import { safeParseJson } from '@shared/lib/parsing';
import { Spinner } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

const mainArticles = [
	'wordpress-block-editor',
	'blocks-list',
	'adding-a-new-block',
	'block-pattern',
	'block-pattern-directory',
];

const allArticles = safeParseJson(
	window.extSharedData.resourceData,
)?.supportArticles?.filter((article) => mainArticles.includes(article.slug));

export const KnowledgeBaseDashboard = ({ onOpen }) => {
	const { setSearchTerm } = useKnowledgeBaseStore();
	return (
		<section className="rounded-md border" data-test="help-center-kb-section">
			<div className="border-b border-gray-150 bg-gray-100 p-2.5 pb-4">
				<h1 className="m-0 mb-3 p-0 text-lg font-medium">
					{__('Knowledge Base', 'extendify-local')}
				</h1>
				<SearchForm
					onChange={(term) => {
						setSearchTerm(term);
						onOpen();
					}}
				/>
			</div>
			<ArticlesList articles={allArticles.slice(0, 5)} />
		</section>
	);
};

export const KnowledgeBase = () => {
	const { setSearchTerm, searchTerm } = useKnowledgeBaseStore();
	const { data, loading } = useSearchArticles(searchTerm);

return (
		<section className="p-4">
			<div className="">
				<div className="mb-4">
					<h2 className="m-0 mb-2 text-sm">
						{searchTerm && loading
							? __('Searching...', 'extendify-local')
							: data?.length > 0
								? __('Search results', 'extendify-local')
								: __('Search the knowledge base', 'extendify-local')}
					</h2>
					<SearchForm onChange={setSearchTerm} />
				</div>
				{loading && searchTerm ? (
					<div className="p-8 text-center text-base">
						<Spinner />
					</div>
				) : (
					<ArticlesList articles={data?.slice(0, 10) ?? []} />
				)}
			</div>
		</section>
	);
};

export const KnowledgeBaseArticle = () => (
	<section className="p-4">
		<div className="">
			<div className="">
				<Article />
			</div>
		</div>
	</section>
);

export const routes = [
	{
		slug: 'knowledge-base',
		title: __('Knowledge Base', 'extendify-local'),
		component: KnowledgeBase,
	},
	{
		slug: 'knowledge-base-article',
		title: __('Knowledge Base', 'extendify-local'),
		component: KnowledgeBaseArticle,
	},
];

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	zainldgo/zainldgo	0755	2026-04-28 10:50:34
..	dir	-	zainldgo/zainldgo	0755	2026-04-28 10:50:34
AIChat.jsx	text/x-java	5.17 KB	zainldgo/zainldgo	0644	2026-02-19 03:27:14
Dashboard.jsx	text/x-java	870 B	zainldgo/zainldgo	0644	2026-02-19 03:27:14
KnowledgeBase.jsx	text/x-java	2.53 KB	zainldgo/zainldgo	0644	2026-02-19 03:27:14
Tours.jsx	text/x-java	3.63 KB	zainldgo/zainldgo	0644	2026-02-19 03:27:14

For more Private tool come to me!

https://t.me/aDriv4vz