fix web build errors

Author: msukkari

packages/web/src/app/redeem/page.tsx

@@ -72,7 +72,7 @@ interface RedeemPageProps {
                 <div>
                     <NavigationMenu />
                     <div className="flex justify-between items-center h-screen px-6">
-                        <h1 className="text-2xl font-bold">You've been invited to org {orgName.name}</h1>
+                        <h1 className="text-2xl font-bold">You have been invited to org {orgName.name}</h1>
                         <AcceptInviteButton invite={invite} userId={user.id} />
                     </div>
                 </div>

packages/web/src/app/settings/components/inviteTable.tsx

@@ -1,6 +1,5 @@
 'use client';
-import { useEffect, useMemo, useState } from "react";
-import { User } from "@sourcebot/db";
+import { useMemo } from "react";
 import { DataTable } from "@/components/ui/data-table";
 import { InviteColumnInfo, inviteTableColumns } from "./inviteTableColumns"
 
@@ -15,17 +14,15 @@ interface InviteTableProps {
 }
 
 export const InviteTable = ({ initialInvites }: InviteTableProps) => {
-    const [invites, setInvites] = useState<InviteInfo[]>(initialInvites);
-    
     const inviteRows: InviteColumnInfo[] = useMemo(() => {
-        return invites.map(invite => {
+        return initialInvites.map(invite => {
             return {
                 id: invite.id!,
                 email: invite.email!,
                 createdAt: invite.createdAt!,
             }
         })
-    }, [invites]);
+    }, [initialInvites]);
 
     return (
         <div>

packages/web/src/app/settings/components/memberTable.tsx

@@ -1,6 +1,5 @@
 'use client';
-import { useEffect, useMemo, useState } from "react";
-import { User } from "@sourcebot/db";
+import { useMemo } from "react";
 import { DataTable } from "@/components/ui/data-table";
 import { MemberColumnInfo, memberTableColumns } from "./memberTableColumns";
 
@@ -14,16 +13,14 @@ interface MemberTableProps {
 }
 
 export const MemberTable = ({ initialMembers }: MemberTableProps) => {
-    const [members, setMembers] = useState<MemberInfo[]>(initialMembers);
-    
     const memberRows: MemberColumnInfo[] = useMemo(() => {
-        return members.map(member => {
+        return initialMembers.map(member => {
             return {
                 name: member.name!,
                 role: member.role!,
             }
         })
-    }, [members]);
+    }, [initialMembers]);
 
     return (
         <div>

packages/web/src/app/settings/components/memberTableColumns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Column, ColumnDef } from "@tanstack/react-table"
+import { ColumnDef } from "@tanstack/react-table"
 
 export type MemberColumnInfo = {
     name: string;