console: move <Toaster/> to projectViewer

aspen-cloud · Jun 25, 2024 · 628ab5d · 628ab5d
1 parent 753a72c
commit 628ab5d
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/packages/console/src/components/project-viewer.tsx b/packages/console/src/components/project-viewer.tsx
@@ -17,6 +17,7 @@ import { ModeToggle } from '@triplit/ui';
 import { QueryOrder, QueryWhere } from '@triplit/db/src/query.js';
 import { createCollection } from 'src/utils/schema.js';
 import { useToast } from 'src/hooks/useToast.js';
+import { Toaster } from './toaster.js';
 
 const projectClients = new Map<string, TriplitClient<any>>();
 
@@ -159,6 +160,7 @@ export function ProjectViewer({
  // If client, render hooks that rely on client safely
  return (
  <div className="flex bg-popover w-full overflow-hidden h-full">
+ <Toaster />
  <div className=" border-r flex flex-col p-4 w-[250px] shrink-0 overflow-y-auto">
  {project && (
  <ProjectOptionsMenu>

diff --git a/packages/console/src/components/toaster.tsx b/packages/console/src/components/toaster.tsx
@@ -1,4 +1,3 @@
-import * as React from 'react';
 import {
  Toast,
  ToastClose,

diff --git a/packages/console/src/main.tsx b/packages/console/src/main.tsx
@@ -5,7 +5,6 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import '../../ui/globals.css';
 import { ProjectViewerPage, loader } from './components/project-viewer.js';
 import { ThemeProvider } from '@triplit/ui';
-import { Toaster } from './components/toaster.js';
 
 const router = createBrowserRouter([
  {
@@ -27,7 +26,6 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
  <ThemeProvider>
  <RouterProvider router={router} />
- <Toaster />
  </ThemeProvider>
  </React.StrictMode>
 );