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

Improve Conference Dialog UI

Browse files

Improve discoverability of conference website link by adding a "Visit website" button next to the "Add to calendar" button.

Files changed (1) hide show
  1. src/components/ConferenceDialog.tsx +19 -13
src/components/ConferenceDialog.tsx CHANGED
@@ -123,18 +123,7 @@ END:VCALENDAR`;
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,7 +181,24 @@ END:VCALENDAR`;
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">
 
123
  <DialogContent className="dialog-content max-w-md">
124
  <DialogHeader>
125
  <DialogTitle className="text-xl font-bold">
126
+ {conference.title}
 
 
 
 
 
 
 
 
 
 
 
127
  </DialogTitle>
128
  {conference.full_name && (
129
  <p className="text-sm text-neutral-600">{conference.full_name}</p>
 
181
  />
182
  )}
183
 
184
+ <div className="flex items-center justify-between pt-2">
185
+ {conference.link && (
186
+ <Button
187
+ variant="ghost"
188
+ size="sm"
189
+ className="text-sm text-primary hover:underline"
190
+ asChild
191
+ >
192
+ <a
193
+ href={conference.link}
194
+ target="_blank"
195
+ rel="noopener noreferrer"
196
+ >
197
+ Visit website
198
+ </a>
199
+ </Button>
200
+ )}
201
+
202
  <DropdownMenu>
203
  <DropdownMenuTrigger asChild>
204
  <Button variant="ghost" size="sm" className="text-sm">