gpt-engineer-app[bot] commited on
Commit
f102e36
·
1 Parent(s): cf8d3cb

Improve Conference Card UI

Browse files

Improve the UI of the conference card by adding a small text to the calendar icon and changing the "Visit conference website" link to use only the conference name as a hyperlink.

Files changed (1) hide show
  1. src/components/ConferenceDialog.tsx +17 -16
src/components/ConferenceDialog.tsx CHANGED
@@ -1,3 +1,4 @@
 
1
  import {
2
  Dialog,
3
  DialogContent,
@@ -122,7 +123,18 @@ END:VCALENDAR`;
122
  <DialogContent className="dialog-content max-w-md">
123
  <DialogHeader>
124
  <DialogTitle className="text-xl font-bold">
125
- {conference.title}
 
 
 
 
 
 
 
 
 
 
 
126
  </DialogTitle>
127
  {conference.full_name && (
128
  <p className="text-sm text-neutral-600">{conference.full_name}</p>
@@ -180,23 +192,12 @@ END:VCALENDAR`;
180
  />
181
  )}
182
 
183
- <div className="flex items-center justify-between pt-2">
184
- {conference.link && (
185
- <a
186
- href={conference.link}
187
- target="_blank"
188
- rel="noopener noreferrer"
189
- className="text-primary hover:underline"
190
- >
191
- Visit Conference Website →
192
- </a>
193
- )}
194
-
195
  <DropdownMenu>
196
  <DropdownMenuTrigger asChild>
197
- <Button variant="ghost" size="icon">
198
- <CalendarPlus className="h-4 w-4" />
199
- <span className="sr-only">Add to Calendar</span>
200
  </Button>
201
  </DropdownMenuTrigger>
202
  <DropdownMenuContent align="end">
 
1
+
2
  import {
3
  Dialog,
4
  DialogContent,
 
123
  <DialogContent className="dialog-content max-w-md">
124
  <DialogHeader>
125
  <DialogTitle className="text-xl font-bold">
126
+ {conference.link ? (
127
+ <a
128
+ href={conference.link}
129
+ target="_blank"
130
+ rel="noopener noreferrer"
131
+ className="hover:underline"
132
+ >
133
+ {conference.title}
134
+ </a>
135
+ ) : (
136
+ conference.title
137
+ )}
138
  </DialogTitle>
139
  {conference.full_name && (
140
  <p className="text-sm text-neutral-600">{conference.full_name}</p>
 
192
  />
193
  )}
194
 
195
+ <div className="flex justify-end pt-2">
 
 
 
 
 
 
 
 
 
 
 
196
  <DropdownMenu>
197
  <DropdownMenuTrigger asChild>
198
+ <Button variant="ghost" size="sm" className="text-sm">
199
+ <CalendarPlus className="h-4 w-4 mr-2" />
200
+ Add to Calendar
201
  </Button>
202
  </DropdownMenuTrigger>
203
  <DropdownMenuContent align="end">