import React from "react"
import {useLocalStorage} from "../hooks";
import {get_article} from "../api";


export const Announcement = () => {
    const [ann, setAnn] = React.useState({title: "", content: ""})
    const [sel] = useLocalStorage('lang', 'en')

    React.useEffect(() => {
        get_article({lang:sel,type:"ann"}).then(res=>{
            if (res.data.code === 0) {
                setAnn(res.data.data)
            }
        }).catch(c=>{
            console.error(c)
        })
    },[])


    return (
        <div>
            <div>{ann.title}</div>
            <div dangerouslySetInnerHTML={{__html:ann.content}}></div>
        </div>
    )
}