File Manager

X7ROOT File Manager

Current Path: /home/okeydcqc/.trash/wp-content/plugins/extendify/src/Draft/components

home / okeydcqc / .trash / wp-content / plugins / extendify / src / Draft / components /

ðŸ“ ..
ðŸ“„ Completion.jsx(613 B)
ðŸ“„ ConsentSidebar.jsx(798 B)
ðŸ“„ DraftMenu.jsx(1.22 KB)
ðŸ“„ DynamicTextarea.jsx(2.14 KB)
ðŸ“„ EditMenu.jsx(2.36 KB)
ðŸ“„ GenerateImageButtons.jsx(5.1 KB)
ðŸ“„ Input.jsx(2.52 KB)
ðŸ“„ InsertMenu.jsx(7.16 KB)
ðŸ“„ SelectedText.jsx(1.68 KB)
ðŸ“„ ToolbarMenu.jsx(5 KB)
ðŸ“„ TranslationDropdown.jsx(6.13 KB)
ðŸ“ image-generation
ðŸ“ stock-images

Editing: SelectedText.jsx

import { store as blockEditorStore } from '@wordpress/block-editor';
import { Button } from '@wordpress/components';
import { useDispatch } from '@wordpress/data';
import { useEffect, useState } from '@wordpress/element';
import { __, isRTL } from '@wordpress/i18n';
import { Icon, edit, trash } from '@wordpress/icons';
import { useSelectedText } from '@draft/hooks/useSelectedText';

export const SelectedText = ({ loading }) => {
	const [text, setText] = useState();
	const { clearSelectedBlock } = useDispatch(blockEditorStore);
	const { selectedText } = useSelectedText();

useEffect(() => {
		setText(selectedText);
	}, [setText, selectedText]);

if (!text) return;

const truncatedText = () => {
		const preformat = text.split(' ');

if (preformat.length <= 20) return text;

return `${text.split(' ', 14).join(' ')}... ${text.slice(
			text.lastIndexOf(' ') - 14,
		)}`;
	};

return (
		<div
			className="mb-4 flex space-x-2 overflow-hidden rounded-sm border-none bg-gray-100 p-3"
			data-test="existing-text-container">
			<div>
				<Icon icon={edit} className="fill-current" />
			</div>
			<div>
				<div
					className="mb-1 hyphens-auto text-pretty text-gray-800"
					dangerouslySetInnerHTML={{
						__html: truncatedText(),
					}}
				/>
				<div className="mt-3 flex w-full justify-end">
					<Button
						size="compact"
						onClick={clearSelectedBlock}
						disabled={loading}
						icon={trash}
						iconPosition={isRTL() ? 'right' : 'left'}
						className="relative cursor-pointer flex-row-reverse rounded bg-gray-300 text-gray-800 hover:bg-gray-400"
						data-test="remove-selection">
						{__('Remove selection', 'extendify-local')}
					</Button>
				</div>
			</div>
		</div>
	);
};

X7ROOT File Manager

Editing: SelectedText.jsx

Upload File

Create Folder