added messageposter button in page.tsx - to auto loginto extension

2 files changed, 4 insertions, 4 deletions

diff --git a/apps/web/src/app/MessagePoster.tsx b/apps/web/src/app/MessagePoster.tsx
index 64c74d0a..76bbc4dd 100644
--- a/apps/web/src/app/MessagePoster.tsx
+++ b/apps/web/src/app/MessagePoster.tsx
@@ -10,7 +10,7 @@ function MessagePoster({ jwt }: { jwt: string }) {
 
   return (
     <button onClick={() => window.postMessage({ jwt }, '*')}>
-      Validate Extension
+      Send auth token to extension
     </button>
   );
 }
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 6de490f8..2522a25f 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,5 +1,3 @@
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
 import { CardContent, Card } from '@/components/ui/card';
 import { db } from '@/server/db';
 import {
@@ -11,9 +9,9 @@ import {
 import { eq, inArray } from 'drizzle-orm';
 import { cookies, headers } from 'next/headers';
 import { redirect } from 'next/navigation';
-import { Label } from '@/components/ui/label';
 import Image from 'next/image';
 import QueryAI from '@/components/QueryAI';
+import MessagePoster from './MessagePoster';
 
 export const runtime = 'edge';
 
@@ -91,6 +89,8 @@ export default async function Home() {
 
       <QueryAI />
 
+      <MessagePoster jwt={token} />
+
       {/* TODO: LABEL THE WEBSITES USING A CLASSIFICATION MODEL */}
       {/* <nav className="flex space-x-2 my-4">
         <Badge variant="secondary">Technology (2)</Badge>