import styles from 'styles/Main.module.scss'
import React, { useMemo, Suspense, useEffect } from 'react'
import Head from 'next/head'
import useApps from 'hooks/useApps'
import useSettings from 'hooks/useSettings'
import useUser from 'hooks/useUser'
import { Splash, Popup } from 'components'
const NotesApp = () => {
const { user } = useUser({
redirectToLogin: true,
redirectToVerify: true
})
const app = { name: 'Notes', min: false, max: true, height: '48em', width: '64em', pos: [], buttons: [], props: {} }
const { apps, setApps } = useApps([app])
const { settings } = useSettings()
useEffect(() => setApps([app]), [])
if (!user || !apps || apps.length < 1 || !settings || !settings.theme || !settings.language) return null
return (
<>
My Notes
)
}
const NotesContainer = () => {
const Notes = React.lazy(() => import('apps/Notes'))
const Component = useMemo(() => (
}>
), [])
return Notes
? Component
: null
}
export default NotesApp