"use client" import { useState } from "react" import { motion } from "framer-motion" import { Clock, Send, User, ListChecks, AlertTriangle, ArrowRight } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { DotPattern } from "@/components/backgrounds/dot-pattern" import { stagger, staggerItem } from "@/lib/animations" const teamUpdates = [ { id: 1, name: "Sarah Chen", initials: "SC", yesterday: "Completed API optimization PR, reviewed 2 PRs", today: "Starting work on the new dashboard endpoint, code review session at 2 PM", blockers: "Waiting on design specs for the chart component", timestamp: "09:02 AM", }, { id: 2, name: "Alex Lee", initials: "AL", yesterday: "Fixed login bug #231, deployed hotfix to prod", today: "Sprint planning prep, write unit tests for auth module", blockers: "None", timestamp: "09:05 AM", }, { id: 3, name: "Mike Johnson", initials: "MJ", yesterday: "Investigated React compiler performance, updated dependencies", today: "Pair programming with Sarah, continue migration to new toolchain", blockers: "Need access to the staging environment", timestamp: "09:08 AM", }, { id: 4, name: "Emily Davis", initials: "ED", yesterday: "Finalized Figma designs for dashboard v2, user testing session", today: "Handoff to engineering team, start wireframes for mobile app", blockers: "None", timestamp: "09:10 AM", }, ] export default function DailyStandup() { const [yesterday, setYesterday] = useState("") const [today, setToday] = useState("") const [blockers, setBlockers] = useState("") const [submitted, setSubmitted] = useState(false) const handleSubmit = () => { if (!yesterday.trim() || !today.trim()) return setSubmitted(true) } return (

Daily Standup

Share your daily update with the team.

My Update Team Feed {submitted ? (

Standup Submitted!

Your update has been shared with the team.

) : ( What did you work on? Share your standup update for today.

Yesterday

setYesterday(e.target.value)}
                      />
                    </div>
                    <div className="space-y-1.5">
                      <label className="flex items-center gap-2 text-sm font-medium">
                        <ArrowRight className="size-3.5 text-primary" />
                        Today
                      </label>
                      <textarea
                        className="flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs"
                        placeholder="What are you working on today?"
                        value={today}
                        onChange={(e) => setToday(e.target.value)}
                      />
                    </div>
                    <div className="space-y-1.5">
                      <label className="flex items-center gap-2 text-sm font-medium">
                        <AlertTriangle className="size-3.5 text-amber-500" />
                        Blockers
                      </label>
                      <textarea
                        className="flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs"
                        placeholder="Any blockers or help needed?"
                        value={blockers}
                        onChange={(e) => setBlockers(e.target.value)}
                      />
                    </div>
                    <div className="flex gap-2">
                      <Button size="sm" onClick={handleSubmit} disabled={!yesterday.trim() || !today.trim()}>
                        <Send className="size-4 mr-1.5" />
                        Submit Update
                      </Button>
                    </div>
                  </CardContent>
                </Card>
              )}
            </TabsContent>

<TabsContent value="feed" className="mt-4 space-y-4">
              <motion.div variants={stagger} initial="hidden" animate="visible">
                {teamUpdates.map((update) => (
                  <motion.div key={update.id} variants={staggerItem}>
                    <Card>
                      <CardHeader className="pb-3">
                        <div className="flex items-center justify-between">
                          <div className="flex items-center gap-3">
                            <Avatar className="size-9">
                              <AvatarFallback className="bg-primary/10 text-xs font-semibold text-primary">{update.initials}</AvatarFallback>
                            </Avatar>
                            <div>
                              <CardTitle className="text-sm">{update.name}</CardTitle>
                              <div className="flex items-center gap-1 text-xs text-muted-foreground">
                                <Clock className="size-3" />
                                {update.timestamp}
                              </div>
                            </div>
                          </div>
                        </div>
                      </CardHeader>
                      <CardContent className="space-y-3">
                        <div>
                          <p className="text-xs font-medium text-muted-foreground mb-1">Yesterday</p>
                          <p className="text-sm">{update.yesterday}</p>
                        </div>
                        <div>
                          <p className="text-xs font-medium text-muted-foreground mb-1">Today</p>
                          <p className="text-sm">{update.today}</p>
                        </div>
                        <div className="flex items-start gap-2 rounded-lg bg-amber-500/5 p-2">
                          <AlertTriangle className="size-4 text-amber-500 mt-0.5 shrink-0" />
                          <p className="text-sm text-muted-foreground">{update.blockers}</p>
                        </div>
                      </CardContent>
                    </Card>
                  </motion.div>
                ))}
              </motion.div>
            </TabsContent>
          </Tabs>
        </motion.div>
      </motion.div>
    </div>
  )
}
</article></body></html>