/home/vianto5/heredit.mx/wp-content/plugins/code-snippets/js/components/ImportMenu/

/home/vianto5/heredit.mx/wp-content/plugins/code-snippets/js/components/ImportMenu

Name	Size	Mode	Actions
common/	-	0755	rm
MigrateForm/	-	0755	rm
UploadForm/	-	0755	rm
ImportMenu.tsx	1845	0644	edit dl rm
index.ts	29	0644	edit dl rm

Edit: /home/vianto5/heredit.mx/wp-content/plugins/code-snippets/js/components/ImportMenu/ImportMenu.tsx (1845B)

const TAB_QUERY_PARAM = 'tab'

interface ImportMenuTab extends SubnavTab<'upload' | 'migrate'> {
	content: ReactNode
}

const TABS: ImportMenuTab[] = [
	{
		name: 'upload',
		label: __('Upload snippets', 'code-snippets'),
		content: <UploadForm />
	},
	{
		name: 'migrate',
		label: __('Migrate from other plugins', 'code-snippets'),
		content: <MigrateForm />
	}
]

export const ImportMenu: React.FC = () => {
	const [currentTab, setCurrentTab] = useState<ImportMenuTab>(() => getTabFromQuery(TABS, TAB_QUERY_PARAM))

return (
		<>
			<Toolbar />

<div className="snippets-page-header">
				<h1>{// translators: %s: label of the currently selected import tab.
					sprintf(__('Import: %s', 'code-snippets'), currentTab.label)}</h1>
			</div>

<WithRestAPIContext>
				{TABS.map(tab =>
					<div
						key={tab.name}
						className={classnames('import-snippets-section', { 'active-section': tab.name === currentTab.name })}
					>
						{tab.content}
					</div>)}
			</WithRestAPIContext>
		</>
	)
}

import React, { useState } from 'react' import classnames from 'classnames' import { __, sprintf } from '@wordpress/i18n' import { WithRestAPIContext } from '../../hooks/useRestAPI' import { ScreenMetaSlot } from '../common/ScreenMetaSlot' import { SubnavTabs, getTabFromQuery } from '../common/SubnavTabs' import { Toolbar } from '../common/Toolbar' import { UploadForm } from './UploadForm/UploadForm' import { MigrateForm } from './MigrateForm/MigrateForm' import type { SubnavTab} from '../common/SubnavTabs' import type { ReactNode } from 'react' const TAB_QUERY_PARAM = 'tab' interface ImportMenuTab extends SubnavTab<'upload' | 'migrate'> { content: ReactNode } const TABS: ImportMenuTab[] = [ { name: 'upload', label: __('Upload snippets', 'code-snippets'), content: }, { name: 'migrate', label: __('Migrate from other plugins', 'code-snippets'), content: } ] export const ImportMenu: React.FC = () => { const [currentTab, setCurrentTab] = useState(() => getTabFromQuery(TABS, TAB_QUERY_PARAM)) return ( <>

{// translators: %s: label of the currently selected import tab. sprintf(__('Import: %s', 'code-snippets'), currentTab.label)}

{TABS.map(tab =>

{tab.content}

)} ) }