feat: Enhance user management and UI components

- Updated user API routes to include imageUrl for better user representation.
- Added @radix-ui/react-toast dependency for improved user notifications.
- Refactored dashboard and studies components to incorporate new user fields and loading states.
- Enhanced the layout and structure of the dashboard, studies, and participants pages for better user experience.
- Implemented a dialog for adding participants, improving the participant management workflow.
- Updated breadcrumb navigation to reflect the current study context more accurately.
- Cleaned up unused imports and optimized component rendering for performance.
This commit is contained in:
2024-12-05 13:21:33 -05:00
parent 207f4d7fb8
commit 80171b2d70
17 changed files with 712 additions and 454 deletions

View File

@@ -1,36 +1,23 @@
import {
ClerkProvider
} from '@clerk/nextjs';
import { Analytics } from "@vercel/analytics/react"
import { ClerkProvider } from "@clerk/nextjs";
import { Inter } from 'next/font/google';
import './globals.css';
import { Metadata } from 'next';
import { Toaster } from "~/components/ui/toaster";
import "~/app/globals.css";
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'HRIStudio',
description: 'A platform for managing human-robot interaction studies',
icons: {
icon: [
{ url: '/icon', type: 'image/svg+xml' },
],
},
};
export default function RootLayout({
children,
}: {
children: React.ReactNode
children: React.ReactNode;
}) {
return (
<ClerkProvider>
<Analytics />
<html lang="en">
<body className={inter.className}>
{children}
<Toaster />
</body>
</html>
</ClerkProvider>
)
);
}