import { Suspense } from 'react'
import { Redirect, Route, Switch } from 'react-router-dom'

import { DelayedPageLoader } from 'dbaas/components/Placeholder'

import { General, Terms } from '../features'
import { AuthorizedApps } from '../features'

export const AccountRoutes = () => {
  return (
    <Suspense fallback={<DelayedPageLoader />}>
      <Switch>
        {/* Render your page here */}
        <Route path="/account/general" exact>
          <General />
        </Route>
        <Route path="/account/terms" exact>
          <Terms />
        </Route>
        <Route path="/account/authorized-apps" exact>
          <AuthorizedApps />
        </Route>
        <Redirect from="/account" to="/account/general" />
      </Switch>
    </Suspense>
  )
}