tooot/src/screens/Me/Root/MyInfo.tsx

23 lines
684 B
TypeScript

import React from 'react'
import { useQuery } from 'react-query'
import { accountFetch } from '@utils/fetches/accountFetch'
import AccountHeader from '@screens/Shared/Account/Header'
import AccountInformation from '@screens/Shared/Account/Information'
import { useSelector } from 'react-redux'
import { getLocalAccountId } from '@utils/slices/instancesSlice'
const MyInfo: React.FC = () => {
const localAccountId = useSelector(getLocalAccountId)
const { data } = useQuery(['Account', { id: localAccountId }], accountFetch)
return (
<>
<AccountHeader uri={data?.header} limitHeight />
<AccountInformation account={data} />
</>
)
}
export default MyInfo