27 lines
587 B
TypeScript
27 lines
587 B
TypeScript
import { ElementIds } from '@/Constants/ElementIDs'
|
|
import { useMemo } from 'react'
|
|
|
|
type Props = {
|
|
bytes: Uint8Array
|
|
}
|
|
|
|
const TextPreview = ({ bytes }: Props) => {
|
|
const text = useMemo(() => {
|
|
const textDecoder = new TextDecoder()
|
|
return textDecoder.decode(bytes)
|
|
}, [bytes])
|
|
|
|
return (
|
|
<textarea
|
|
autoComplete="off"
|
|
className="font-editor h-full w-full flex-grow focus:shadow-none focus:outline-none"
|
|
dir="auto"
|
|
id={ElementIds.FileTextPreview}
|
|
defaultValue={text}
|
|
readOnly={true}
|
|
></textarea>
|
|
)
|
|
}
|
|
|
|
export default TextPreview
|