Skip to content

Commit 6d11e00

Browse files
yoen-veltyoen-velt
committed
Marketing-Demo V2.0 full functionality, need to add aggregation + fix up styling
1 parent 0299be2 commit 6d11e00

36 files changed

+538
-153
lines changed

‎apps/react/tables/libraries/AgGrid/marketing-spend-demo/app/layout.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import type { Metadata } from 'next'
22
import { Urbanist } from 'next/font/google'
33
import '../styles/globals.css'
4+
import { AppProviders } from "@/app/userAuth/AppProviders";
45

56
const urbanist = Urbanist({
67
subsets: ['latin'],
@@ -20,7 +21,9 @@ export default function RootLayout({
2021
}) {
2122
return (
2223
<html lang="en">
23-
<body className={urbanist.variable}>{children}</body>
24+
<body>
25+
<AppProviders>{children}</AppProviders>
26+
</body>
2427
</html>
2528
)
26-
}
29+
}

‎apps/react/tables/libraries/AgGrid/marketing-spend-demo/app/page.tsx‎

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,25 @@
1+
"use client";
2+
// [Velt] Provider + collaboration
3+
import { VeltProvider } from "@veltdev/react";
4+
import { useVeltAuthProvider } from "@/components/velt/VeltInitializeUser";
5+
import { VeltCollaboration } from "@/components/velt/VeltCollaboration";
16
import DocumentCanvas from '@/components/document/document-canvas'
27

38
export default function Home() {
9+
// [Velt] Auth provider (reads from app/userAuth/useAppUser)
10+
const { authProvider } = useVeltAuthProvider();
11+
412
return (
5-
<main className="flex h-screen w-screen">
13+
// [Velt] Wrap app with VeltProvider
14+
<VeltProvider
15+
apiKey={process.env.NEXT_PUBLIC_VELT_API_KEY!}
16+
authProvider={authProvider}
17+
>
18+
{/* [Velt] Collaboration core (includes document init) */}
19+
<VeltCollaboration />
20+
21+
{/* --- App UI --- */}
622
<DocumentCanvas />
7-
</main>
8-
)
23+
</VeltProvider>
24+
);
925
}

‎apps/react/tables/libraries/AgGrid/marketing-spend-demo/components/document/document-canvas.tsx‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,19 @@
22

33
import Header from '@/components/header/header'
44
import Sidebar from '@/components/sidebar/sidebar'
5+
import { SidebarProvider } from '@/components/sidebar/SidebarContext'
56
import { TableComponent } from './table-component'
67

78
export default function DocumentCanvas() {
89
return (
9-
<div className="flex flex-col w-full h-full">
10-
<Header />
11-
<div className="flex flex-1 overflow-hidden">
10+
<SidebarProvider>
11+
<div className="flex w-full h-full overflow-hidden bg-black">
1212
<Sidebar />
13-
<div className="flex-1 overflow-auto">
14-
<div className="flex items-center justify-center min-h-full p-8">
15-
<TableComponent />
16-
</div>
13+
<div className="flex-1 overflow-auto relative">
14+
<Header />
15+
<TableComponent />
1716
</div>
1817
</div>
19-
</div>
18+
</SidebarProvider>
2019
)
2120
}

‎apps/react/tables/libraries/AgGrid/marketing-spend-demo/components/document/table-component.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
.comment-tool-wrapper {
2+
display: flex;
3+
align-items: center;
4+
gap: 8px;
5+
}
6+
7+
.comment-tool-wrapper velt-comment-tool {
8+
display: block;
9+
border: 2px solid rgb(0, 0, 0);
10+
border-radius: 24px;
11+
opacity: 0;
12+
transition: all 150ms ease-in-out;
13+
transform: translateY(10%);
14+
overflow: hidden;
15+
}
16+
17+
.comment-tool-wrapper:hover velt-comment-tool {
18+
transform: translateY(0);
19+
opacity: 1;
20+
}

0 commit comments

Comments
 (0)