%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
/* eslint-disable react-hooks/exhaustive-deps */ import React, { useEffect, useState } from "react"; import Service from "../../services/Service"; import { Tinymce, GetTinymceContent } from "../../components"; import { message, Card, Button, Spin } from 'antd'; import { } from '@ant-design/icons'; export default function AboutSuat() { const [loading, setLoading] = useState(false); const [result, setResult] = useState(''); const getAboutSuat = () => { setLoading(true); Service.getAboutSuat().then(({ data }) => { setResult(data.result); }).catch(e => { message.error(e.message); }).finally(() => { setLoading(false); }); } const save = () => { message.destroy(); setLoading(true); const fd = { data: GetTinymceContent("ta_aboutsuat") }; Service.saveAboutSuat(fd).then(({ data }) => { message.success(data.message || 'Saved'); }).catch(e => { message.error(e.message); }).finally(() => { setLoading(false); }) } useEffect(() => { getAboutSuat(); }, []); return ( <Spin spinning={loading}> <Card size="small" className="mb15" bodyStyle={{ padding: 0 }}> <Tinymce id="ta_aboutsuat" data={result} height="400" /> </Card> <div> <Button type="primary" className="w200" onClick={save}>Save</Button> </div> </Spin> ); } //EOF