View

The View component houses global components common to all views, such as notifications and dialogs. It handles errors, sets the document title, and renders the specified layout. The view and its props are rendered by the router.

Props are passed to this component automatically from the router.

Usage

import { View } from 'components/lib';
import { DashboardView } from 'views/dashboard';

function MyApp() {
  return (
    <View
      title="Dashboard"
      layout="app"
      display={ DashboardView }
      data={ dashboardData }
    />
  );
}

Props

Prop	Description	Required	Value
display	view component	required	component
layout	layout component to use	required	string (account/app/auth/onboarding)
title	document title	required	string

Notes

• The View component relies on ViewContext for managing notifications, dialogs, and error handling.

• The component uses useTranslation for internationalization and useToast for toast notifications.

• Layouts include AppLayout, AuthLayout, AccountLayout, and OnboardingLayout.