TodoListViewPage

TodoListViewPage.tsx

export function TodoListViewPage() {
  const todoListViewRef = useRef<TodoListApi>(null);

  return (
    <Page>
      <div className={"webapp--page-main-div"}>
        <ActionsSidebar todoListViewRef={todoListViewRef} />
        <PageSection>
          <EmbeddedTodoList
            ref={todoListViewRef}
            targetOrigin={window.location.origin}
            envelopePath={"envelope/todo-list-view.html"}
            todoList__itemRemoved={(item) => window.alert(`Item '${item}' removed successfully!`)}
          />
        </PageSection>
      </div>
    </Page>
  );
}