Spaces:
Sleeping
Sleeping
gpt-engineer-app[bot]
commited on
Commit
·
f102e36
1
Parent(s):
cf8d3cb
Improve Conference Card UI
Browse filesImprove 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.
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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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
|
| 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="
|
| 198 |
-
<CalendarPlus className="h-4 w-4" />
|
| 199 |
-
|
| 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">
|