version-pill-react 1.2.4 → 1.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +124 -93
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +124 -93
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -295,7 +295,9 @@ function VersionPill({
|
|
|
295
295
|
}
|
|
296
296
|
);
|
|
297
297
|
};
|
|
298
|
+
const versionsArray = Array.isArray(versions) ? versions : [];
|
|
298
299
|
const tasksArray = Array.isArray(roadmapTasks) ? roadmapTasks : [];
|
|
300
|
+
const ideasArray = Array.isArray(ideas) ? ideas : [];
|
|
299
301
|
const groupedTasks = tasksArray.reduce((acc, task) => {
|
|
300
302
|
const col = task.column || "backlog";
|
|
301
303
|
if (!acc[col]) acc[col] = [];
|
|
@@ -311,7 +313,7 @@ function VersionPill({
|
|
|
311
313
|
display: "flex",
|
|
312
314
|
alignItems: "center",
|
|
313
315
|
justifyContent: "center",
|
|
314
|
-
padding:
|
|
316
|
+
padding: 20
|
|
315
317
|
}, children: [
|
|
316
318
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
317
319
|
"div",
|
|
@@ -320,8 +322,9 @@ function VersionPill({
|
|
|
320
322
|
style: {
|
|
321
323
|
position: "absolute",
|
|
322
324
|
inset: 0,
|
|
323
|
-
background: "rgba(0,0,0,0.
|
|
324
|
-
backdropFilter: "blur(4px)"
|
|
325
|
+
background: isLight ? "rgba(0,0,0,0.4)" : "rgba(0,0,0,0.6)",
|
|
326
|
+
backdropFilter: "blur(4px)",
|
|
327
|
+
WebkitBackdropFilter: "blur(4px)"
|
|
325
328
|
}
|
|
326
329
|
}
|
|
327
330
|
),
|
|
@@ -330,31 +333,34 @@ function VersionPill({
|
|
|
330
333
|
{
|
|
331
334
|
style: {
|
|
332
335
|
position: "relative",
|
|
336
|
+
display: "flex",
|
|
337
|
+
flexDirection: "column",
|
|
333
338
|
width: "100%",
|
|
334
|
-
maxWidth:
|
|
335
|
-
maxHeight: "80vh",
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
339
|
+
maxWidth: 420,
|
|
340
|
+
maxHeight: "min(500px, 80vh)",
|
|
341
|
+
borderRadius: 12,
|
|
342
|
+
boxShadow: isLight ? "0 20px 40px -10px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05)" : "0 20px 40px -10px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1)",
|
|
343
|
+
background: isLight ? "#fff" : "#1a1a1a",
|
|
344
|
+
overflow: "hidden"
|
|
340
345
|
},
|
|
341
346
|
children: [
|
|
342
347
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
343
348
|
"div",
|
|
344
349
|
{
|
|
345
350
|
style: {
|
|
346
|
-
|
|
347
|
-
|
|
351
|
+
flexShrink: 0,
|
|
352
|
+
padding: "14px 16px",
|
|
353
|
+
borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
|
|
348
354
|
display: "flex",
|
|
349
355
|
alignItems: "center",
|
|
350
356
|
justifyContent: "space-between"
|
|
351
357
|
},
|
|
352
358
|
children: [
|
|
353
359
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
|
|
354
|
-
project?.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize:
|
|
360
|
+
project?.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 18 }, children: project.icon }),
|
|
355
361
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
356
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: { fontWeight: 600, color: isLight ? "#18181b" : "#fff", margin: 0 }, children: project?.name || "What's New" }),
|
|
357
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { fontSize:
|
|
362
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { style: { fontWeight: 600, fontSize: 15, color: isLight ? "#18181b" : "#fff", margin: 0 }, children: project?.name || "What's New" }),
|
|
363
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { fontSize: 11, color: isLight ? "#71717a" : "#a1a1aa", margin: 0 }, children: [
|
|
358
364
|
"v",
|
|
359
365
|
currentVersion
|
|
360
366
|
] })
|
|
@@ -365,14 +371,21 @@ function VersionPill({
|
|
|
365
371
|
{
|
|
366
372
|
onClick: () => setIsOpen(false),
|
|
367
373
|
style: {
|
|
368
|
-
|
|
374
|
+
width: 28,
|
|
375
|
+
height: 28,
|
|
376
|
+
display: "flex",
|
|
377
|
+
alignItems: "center",
|
|
378
|
+
justifyContent: "center",
|
|
369
379
|
borderRadius: 6,
|
|
370
|
-
background: "
|
|
380
|
+
background: isLight ? "#f5f5f5" : "#2a2a2a",
|
|
371
381
|
border: "none",
|
|
372
382
|
cursor: "pointer",
|
|
373
|
-
color: isLight ? "#71717a" : "#a1a1aa"
|
|
383
|
+
color: isLight ? "#71717a" : "#a1a1aa",
|
|
384
|
+
transition: "background 150ms"
|
|
374
385
|
},
|
|
375
|
-
|
|
386
|
+
onMouseEnter: (e) => e.currentTarget.style.background = isLight ? "#e5e5e5" : "#3a3a3a",
|
|
387
|
+
onMouseLeave: (e) => e.currentTarget.style.background = isLight ? "#f5f5f5" : "#2a2a2a",
|
|
388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) })
|
|
376
389
|
}
|
|
377
390
|
)
|
|
378
391
|
]
|
|
@@ -382,125 +395,142 @@ function VersionPill({
|
|
|
382
395
|
"div",
|
|
383
396
|
{
|
|
384
397
|
style: {
|
|
398
|
+
flexShrink: 0,
|
|
385
399
|
display: "flex",
|
|
386
|
-
gap:
|
|
387
|
-
padding: "8px
|
|
388
|
-
borderBottom: `1px solid ${isLight ? "#
|
|
400
|
+
gap: 2,
|
|
401
|
+
padding: "8px 12px",
|
|
402
|
+
borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
|
|
403
|
+
background: isLight ? "#fafafa" : "#151515"
|
|
389
404
|
},
|
|
390
405
|
children: ["changelog", "roadmap", "ideas"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
391
406
|
"button",
|
|
392
407
|
{
|
|
393
408
|
onClick: () => setActiveTab(tab),
|
|
394
409
|
style: {
|
|
395
|
-
padding: "6px
|
|
410
|
+
padding: "6px 10px",
|
|
396
411
|
borderRadius: 6,
|
|
397
412
|
border: "none",
|
|
398
413
|
cursor: "pointer",
|
|
399
|
-
fontSize:
|
|
414
|
+
fontSize: 12,
|
|
400
415
|
fontWeight: 500,
|
|
401
|
-
background: activeTab === tab ? isLight ? "#
|
|
402
|
-
color: activeTab === tab ? isLight ? "#18181b" : "#fff" : isLight ? "#71717a" : "#
|
|
416
|
+
background: activeTab === tab ? isLight ? "#fff" : "#2a2a2a" : "transparent",
|
|
417
|
+
color: activeTab === tab ? isLight ? "#18181b" : "#fff" : isLight ? "#71717a" : "#71717a",
|
|
418
|
+
boxShadow: activeTab === tab ? isLight ? "0 1px 2px rgba(0,0,0,0.05)" : "0 1px 2px rgba(0,0,0,0.2)" : "none",
|
|
419
|
+
transition: "all 150ms"
|
|
403
420
|
},
|
|
404
421
|
children: [
|
|
405
|
-
tab === "changelog" && "
|
|
406
|
-
tab === "roadmap" && "
|
|
407
|
-
tab === "ideas" && "
|
|
422
|
+
tab === "changelog" && "Changelog",
|
|
423
|
+
tab === "roadmap" && "Roadmap",
|
|
424
|
+
tab === "ideas" && "Ideas"
|
|
408
425
|
]
|
|
409
426
|
},
|
|
410
427
|
tab
|
|
411
428
|
))
|
|
412
429
|
}
|
|
413
430
|
),
|
|
414
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
|
|
415
|
-
activeTab === "changelog" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children:
|
|
416
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize:
|
|
417
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "No releases yet" })
|
|
418
|
-
] }) :
|
|
419
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap:
|
|
420
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize:
|
|
421
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontWeight: 600, color: isLight ? "#18181b" : "#fff" }, children: version.title }),
|
|
431
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, overflowY: "auto", padding: 12, minHeight: 0 }, children: [
|
|
432
|
+
activeTab === "changelog" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: versionsArray.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
|
|
433
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F680}" }),
|
|
434
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 13 }, children: "No releases yet" })
|
|
435
|
+
] }) : versionsArray.slice(0, 5).map((version, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 12, paddingBottom: 12, borderBottom: idx < versionsArray.length - 1 && idx < 4 ? `1px solid ${isLight ? "#f0f0f0" : "#252525"}` : "none" }, children: [
|
|
436
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3 }, children: [
|
|
437
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 14 }, children: version.emoji || "\u{1F4E6}" }),
|
|
438
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontWeight: 600, fontSize: 13, color: isLight ? "#18181b" : "#fff" }, children: version.title }),
|
|
422
439
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
423
440
|
"span",
|
|
424
441
|
{
|
|
425
442
|
style: {
|
|
426
|
-
padding: "
|
|
427
|
-
fontSize:
|
|
443
|
+
padding: "1px 5px",
|
|
444
|
+
fontSize: 9,
|
|
428
445
|
fontWeight: 500,
|
|
429
|
-
borderRadius:
|
|
430
|
-
background: version.type === "major" ? "#f3e8ff" : version.type === "minor" ? "#dbeafe" : "#f4f4f5",
|
|
431
|
-
color: version.type === "major" ? "#7c3aed" : version.type === "minor" ? "#2563eb" : "#52525b"
|
|
446
|
+
borderRadius: 3,
|
|
447
|
+
background: version.type === "major" ? "#f3e8ff" : version.type === "minor" ? "#dbeafe" : isLight ? "#f4f4f5" : "#2a2a2a",
|
|
448
|
+
color: version.type === "major" ? "#7c3aed" : version.type === "minor" ? "#2563eb" : isLight ? "#52525b" : "#a1a1aa"
|
|
432
449
|
},
|
|
433
450
|
children: version.type
|
|
434
451
|
}
|
|
435
452
|
)
|
|
436
453
|
] }),
|
|
437
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize:
|
|
454
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: 11, color: isLight ? "#71717a" : "#71717a", marginBottom: 6 }, children: [
|
|
438
455
|
"v",
|
|
439
456
|
version.version,
|
|
440
457
|
" \xB7 ",
|
|
441
458
|
new Date(version.date).toLocaleDateString()
|
|
442
459
|
] }),
|
|
443
|
-
version.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { fontSize:
|
|
444
|
-
version.features && version.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.
|
|
445
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
446
|
-
|
|
447
|
-
|
|
460
|
+
version.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { fontSize: 12, color: isLight ? "#52525b" : "#a1a1aa", margin: "0 0 6px 0", lineHeight: 1.5 }, children: version.description }),
|
|
461
|
+
version.features && version.features.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { style: { margin: 0, paddingLeft: 0, listStyle: "none" }, children: [
|
|
462
|
+
version.features.slice(0, 4).map((feature, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { style: { display: "flex", alignItems: "flex-start", gap: 6, fontSize: 12, color: isLight ? "#52525b" : "#a1a1aa", marginBottom: 2, lineHeight: 1.4 }, children: [
|
|
463
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#22c55e", fontSize: 11 }, children: "\u2713" }),
|
|
464
|
+
feature
|
|
465
|
+
] }, i)),
|
|
466
|
+
version.features.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { style: { fontSize: 11, color: isLight ? "#a1a1aa" : "#525252", marginTop: 2 }, children: [
|
|
467
|
+
"+",
|
|
468
|
+
version.features.length - 4,
|
|
469
|
+
" more..."
|
|
470
|
+
] })
|
|
471
|
+
] })
|
|
448
472
|
] }, idx)) }),
|
|
449
|
-
activeTab === "roadmap" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: Object.keys(groupedTasks).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", padding:
|
|
450
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize:
|
|
451
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "No public roadmap items" })
|
|
452
|
-
] }) : ["in-progress", "todo", "backlog"
|
|
473
|
+
activeTab === "roadmap" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: Object.keys(groupedTasks).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
|
|
474
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F5FA}\uFE0F" }),
|
|
475
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 13 }, children: "No public roadmap items" })
|
|
476
|
+
] }) : ["in-progress", "todo", "backlog"].map((col) => {
|
|
453
477
|
const tasks = groupedTasks[col];
|
|
454
478
|
if (!tasks || tasks.length === 0) return null;
|
|
455
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom:
|
|
456
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { style: { fontSize:
|
|
479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: 12 }, children: [
|
|
480
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { style: { fontSize: 10, fontWeight: 600, color: isLight ? "#a1a1aa" : "#71717a", marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.5px" }, children: [
|
|
457
481
|
COLUMN_LABELS[col] || col,
|
|
458
482
|
" (",
|
|
459
483
|
tasks.length,
|
|
460
484
|
")"
|
|
461
485
|
] }),
|
|
462
|
-
tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
486
|
+
tasks.slice(0, 4).map((task) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
463
487
|
"div",
|
|
464
488
|
{
|
|
465
489
|
style: {
|
|
466
|
-
padding:
|
|
467
|
-
marginBottom:
|
|
468
|
-
borderRadius:
|
|
469
|
-
background: isLight ? "#
|
|
490
|
+
padding: "8px 10px",
|
|
491
|
+
marginBottom: 4,
|
|
492
|
+
borderRadius: 5,
|
|
493
|
+
background: isLight ? "#f5f5f5" : "#252525"
|
|
470
494
|
},
|
|
471
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap:
|
|
495
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
|
|
472
496
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
473
497
|
"span",
|
|
474
498
|
{
|
|
475
499
|
style: {
|
|
476
|
-
width:
|
|
477
|
-
height:
|
|
500
|
+
width: 6,
|
|
501
|
+
height: 6,
|
|
478
502
|
borderRadius: "50%",
|
|
479
|
-
background: TYPE_COLORS[task.type] || "#71717a"
|
|
503
|
+
background: TYPE_COLORS[task.type] || "#71717a",
|
|
504
|
+
flexShrink: 0
|
|
480
505
|
}
|
|
481
506
|
}
|
|
482
507
|
),
|
|
483
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize:
|
|
508
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 12, color: isLight ? "#18181b" : "#fff", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: task.title })
|
|
484
509
|
] })
|
|
485
510
|
},
|
|
486
511
|
task.id
|
|
487
|
-
))
|
|
512
|
+
)),
|
|
513
|
+
tasks.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: 10, color: isLight ? "#a1a1aa" : "#525252", marginTop: 4 }, children: [
|
|
514
|
+
"+",
|
|
515
|
+
tasks.length - 4,
|
|
516
|
+
" more..."
|
|
517
|
+
] })
|
|
488
518
|
] }, col);
|
|
489
519
|
}) }),
|
|
490
|
-
activeTab === "ideas" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children:
|
|
491
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize:
|
|
492
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "No feature requests yet" })
|
|
493
|
-
] }) :
|
|
520
|
+
activeTab === "ideas" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: ideasArray.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
|
|
521
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F4A1}" }),
|
|
522
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 13 }, children: "No feature requests yet" })
|
|
523
|
+
] }) : ideasArray.slice(0, 5).map((idea) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
494
524
|
"div",
|
|
495
525
|
{
|
|
496
526
|
style: {
|
|
497
|
-
padding:
|
|
498
|
-
marginBottom:
|
|
499
|
-
borderRadius:
|
|
500
|
-
background: isLight ? "#
|
|
527
|
+
padding: 10,
|
|
528
|
+
marginBottom: 6,
|
|
529
|
+
borderRadius: 6,
|
|
530
|
+
background: isLight ? "#f5f5f5" : "#252525",
|
|
501
531
|
display: "flex",
|
|
502
532
|
alignItems: "flex-start",
|
|
503
|
-
gap:
|
|
533
|
+
gap: 10
|
|
504
534
|
},
|
|
505
535
|
children: [
|
|
506
536
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
@@ -510,23 +540,20 @@ function VersionPill({
|
|
|
510
540
|
display: "flex",
|
|
511
541
|
flexDirection: "column",
|
|
512
542
|
alignItems: "center",
|
|
513
|
-
padding: "
|
|
514
|
-
borderRadius:
|
|
515
|
-
background: isLight ? "#fff" : "#
|
|
516
|
-
minWidth:
|
|
543
|
+
padding: "3px 6px",
|
|
544
|
+
borderRadius: 4,
|
|
545
|
+
background: isLight ? "#fff" : "#1a1a1a",
|
|
546
|
+
minWidth: 32
|
|
517
547
|
},
|
|
518
548
|
children: [
|
|
519
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize:
|
|
520
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize:
|
|
549
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 12, fontWeight: 600, color: isLight ? "#18181b" : "#fff" }, children: idea.votes }),
|
|
550
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 9, color: isLight ? "#71717a" : "#71717a" }, children: "votes" })
|
|
521
551
|
]
|
|
522
552
|
}
|
|
523
553
|
),
|
|
524
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
525
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize:
|
|
526
|
-
idea.description && /* @__PURE__ */ (0, import_jsx_runtime.
|
|
527
|
-
idea.description.slice(0, 100),
|
|
528
|
-
"..."
|
|
529
|
-
] })
|
|
554
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
555
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 12, fontWeight: 500, color: isLight ? "#18181b" : "#fff", marginBottom: 2 }, children: idea.title }),
|
|
556
|
+
idea.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 11, color: isLight ? "#71717a" : "#71717a", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: idea.description.slice(0, 80) })
|
|
530
557
|
] })
|
|
531
558
|
]
|
|
532
559
|
},
|
|
@@ -537,9 +564,10 @@ function VersionPill({
|
|
|
537
564
|
"div",
|
|
538
565
|
{
|
|
539
566
|
style: {
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
567
|
+
flexShrink: 0,
|
|
568
|
+
padding: "10px 12px",
|
|
569
|
+
borderTop: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
|
|
570
|
+
background: isLight ? "#fafafa" : "#151515",
|
|
543
571
|
display: "flex",
|
|
544
572
|
alignItems: "center",
|
|
545
573
|
justifyContent: "space-between"
|
|
@@ -551,7 +579,7 @@ function VersionPill({
|
|
|
551
579
|
href: "https://versionpill.com",
|
|
552
580
|
target: "_blank",
|
|
553
581
|
rel: "noopener noreferrer",
|
|
554
|
-
style: { fontSize: 10, color: isLight ? "#a1a1aa" : "#
|
|
582
|
+
style: { fontSize: 10, color: isLight ? "#a1a1aa" : "#525252", textDecoration: "none" },
|
|
555
583
|
children: "Powered by Version Pill"
|
|
556
584
|
}
|
|
557
585
|
),
|
|
@@ -562,14 +590,17 @@ function VersionPill({
|
|
|
562
590
|
target: "_blank",
|
|
563
591
|
rel: "noopener noreferrer",
|
|
564
592
|
style: {
|
|
565
|
-
padding: "
|
|
566
|
-
fontSize:
|
|
593
|
+
padding: "5px 10px",
|
|
594
|
+
fontSize: 11,
|
|
567
595
|
fontWeight: 500,
|
|
568
|
-
borderRadius:
|
|
596
|
+
borderRadius: 5,
|
|
569
597
|
background: "#22c55e",
|
|
570
598
|
color: "#fff",
|
|
571
|
-
textDecoration: "none"
|
|
599
|
+
textDecoration: "none",
|
|
600
|
+
transition: "background 150ms"
|
|
572
601
|
},
|
|
602
|
+
onMouseEnter: (e) => e.currentTarget.style.background = "#16a34a",
|
|
603
|
+
onMouseLeave: (e) => e.currentTarget.style.background = "#22c55e",
|
|
573
604
|
children: "View All \u2192"
|
|
574
605
|
}
|
|
575
606
|
)
|