Skip to content

31 group meetings of similar priroity #38

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 24, 2025
Merged

31 group meetings of similar priroity #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
70206f8
feat: working version of plan section in different priority buckets
arvindkc Mar 24, 2025
7987474
feat: moved to two column wider layout
arvindkc Mar 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ function App() {

return (
<div className="min-h-screen bg-background text-foreground">
<div className="max-w-4xl mx-auto p-6">
<div className="max-w-6xl mx-auto p-6">
<Header
meetings={meetings}
setMeetings={setMeetings}
Expand Down
56 changes: 31 additions & 25 deletions src/components/MeetingCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,32 +99,39 @@ export function MeetingCard({
)}
>
<CardHeader className="p-2">
<div className="flex items-center justify-between">
<div className="flex items-center space-x-2">
<DragHandleHorizontalIcon className="w-4 h-4 text-gray-400 cursor-move" />
<span className="text-base font-semibold">#{displayRank}</span>
<span className="text-base">{meeting.title}</span>
<div className="flex flex-col space-y-2">
<div className="flex items-center gap-2">
<DragHandleHorizontalIcon className="w-4 h-4 text-gray-400 cursor-move flex-shrink-0" />
<span className="text-base font-semibold flex-shrink-0">
#{displayRank}
</span>
<span className="text-base font-medium truncate">
{meeting.title}
</span>
</div>

<div className="flex flex-wrap items-center gap-2">
{hasPreRead && (
<FileTextIcon
className="h-4 w-4 text-blue-600"
className="h-4 w-4 text-blue-600 flex-shrink-0"
aria-label="Has pre-read materials"
/>
)}
{isExternalMeeting() && (
<Globe
className="h-4 w-4 text-purple-600"
className="h-4 w-4 text-purple-600 flex-shrink-0"
aria-label="External meeting"
/>
)}
<div className="flex items-center">
<div className="flex items-center flex-shrink-0">
<Users className="w-3 h-3 mr-1" />
<span className="text-sm text-gray-600">
<span className="text-xs text-gray-600">
{meeting.participants.length}
</span>
</div>
{cost !== undefined && (
<div className="flex items-center ml-2">
<span className="text-sm text-gray-600">
<div className="flex items-center flex-shrink-0">
<span className="text-xs text-gray-600">
$
{cost.toLocaleString(undefined, { maximumFractionDigits: 0 })}
</span>
Expand All @@ -136,29 +143,28 @@ export function MeetingCard({
</div>
)}
{getStatusCount() > 0 && (
<span className="bg-red-100 text-red-600 text-xs px-1.5 py-0.5 rounded-full">
<span className="bg-red-100 text-red-600 text-xs px-1.5 py-0.5 rounded-full flex-shrink-0">
{getStatusCount()} action{getStatusCount() !== 1 ? "s" : ""}{" "}
needed
</span>
)}
</div>
<div className="flex items-center space-x-2">
<div className="flex items-center text-gray-500 text-xs">

<div className="flex items-center text-gray-500 text-xs ml-auto flex-shrink-0">
<Clock className="w-3 h-3 mr-1" />
<span>{formatDuration(meeting.duration)}</span>
<span className="mx-1">•</span>
<span>{formatDateTime(meeting.startTime)}</span>
<button
onClick={() => setIsExpanded(!isExpanded)}
className="text-gray-500 hover:text-gray-700 ml-2"
>
{isExpanded ? (
<ChevronUpIcon className="w-4 h-4" />
) : (
<ChevronDownIcon className="w-4 h-4" />
)}
</button>
</div>
<button
onClick={() => setIsExpanded(!isExpanded)}
className="text-gray-500 hover:text-gray-700"
>
{isExpanded ? (
<ChevronUpIcon className="w-4 h-4" />
) : (
<ChevronDownIcon className="w-4 h-4" />
)}
</button>
</div>
</div>
</CardHeader>
Expand Down
Loading