From cb20e16a9b26d601bb8b44a2830185cbdb0571a6 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 18 Oct 2025 02:44:07 +0000
Subject: [PATCH] Insert Invite card into left rail

cgen-f78c0ee34dc047d1b91a2e07065bd083
---
 client/pages/Network.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/client/pages/Network.tsx b/client/pages/Network.tsx
index 2c5c2470..97487be7 100644
--- a/client/pages/Network.tsx
+++ b/client/pages/Network.tsx
@@ -165,6 +165,28 @@ export default function Network() {
               </CardContent>
             </Card>
 
+            <Card className="bg-card/50 border-border/50">
+              <CardHeader>
+                <CardTitle>Invite collaborator</CardTitle>
+                <CardDescription>Grow your network</CardDescription>
+              </CardHeader>
+              <CardContent className="space-y-3">
+                <div className="flex gap-2">
+                  <Input
+                    placeholder="name@company.com"
+                    value={inviteEmail}
+                    onChange={(e) => setInviteEmail(e.target.value)}
+                  />
+                  <Button onClick={handleInvite} disabled={inviteSending}>
+                    Send
+                  </Button>
+                </div>
+                <p className="text-xs text-muted-foreground">
+                  Accepted invites boost your loyalty, XP, and reputation.
+                </p>
+              </CardContent>
+            </Card>
+
             <Card className="bg-card/50 border-border/50">
               <CardHeader>
                 <CardTitle>Recommendations</CardTitle>