Upload folder using huggingface_hub
Browse files
client/src/components/Refinity.tsx
CHANGED
|
@@ -429,13 +429,13 @@ const Refinity: React.FC = () => {
|
|
| 429 |
}
|
| 430 |
}}
|
| 431 |
>
|
| 432 |
-
<div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
|
| 433 |
-
<div className={`ref-card-overlay absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
|
| 434 |
<div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
|
| 435 |
<div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
|
| 436 |
<div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
|
| 437 |
-
{isCenter &&
|
| 438 |
-
<div className="mt-4 flex gap-3">
|
| 439 |
<button
|
| 440 |
type="button"
|
| 441 |
onClick={(e) => {
|
|
@@ -445,6 +445,7 @@ const Refinity: React.FC = () => {
|
|
| 445 |
selectManual(v.id);
|
| 446 |
}}
|
| 447 |
className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200"
|
|
|
|
| 448 |
>
|
| 449 |
Revise
|
| 450 |
</button>
|
|
@@ -452,6 +453,7 @@ const Refinity: React.FC = () => {
|
|
| 452 |
type="button"
|
| 453 |
onClick={() => { setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }}
|
| 454 |
className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200"
|
|
|
|
| 455 |
>
|
| 456 |
Compare
|
| 457 |
</button>
|
|
@@ -463,21 +465,7 @@ const Refinity: React.FC = () => {
|
|
| 463 |
})}
|
| 464 |
</SwiperRoot>
|
| 465 |
|
| 466 |
-
{/* External V2 Revise Button
|
| 467 |
-
{taskVersions[flowIndex]?.versionNumber === 2 && (
|
| 468 |
-
<div
|
| 469 |
-
onClick={() => {
|
| 470 |
-
console.log('External V2 Revise clicked, id:', taskVersions[flowIndex].id);
|
| 471 |
-
selectManual(taskVersions[flowIndex].id);
|
| 472 |
-
}}
|
| 473 |
-
className="absolute bottom-6 left-1/2 transform -translate-x-1/2 z-[100]"
|
| 474 |
-
style={{ pointerEvents: 'auto' }}
|
| 475 |
-
>
|
| 476 |
-
<div className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200 cursor-pointer hover:bg-indigo-700/70">
|
| 477 |
-
Revise
|
| 478 |
-
</div>
|
| 479 |
-
</div>
|
| 480 |
-
)}
|
| 481 |
|
| 482 |
{compareUIOpen && (
|
| 483 |
<div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">
|
|
|
|
| 429 |
}
|
| 430 |
}}
|
| 431 |
>
|
| 432 |
+
<div className={`ref-card-overlay pointer-events-none absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
|
| 433 |
+
<div className={`ref-card-overlay pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
|
| 434 |
<div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
|
| 435 |
<div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
|
| 436 |
<div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
|
| 437 |
+
{isCenter && (
|
| 438 |
+
<div className="mt-4 flex gap-3 swiper-no-swiping">
|
| 439 |
<button
|
| 440 |
type="button"
|
| 441 |
onClick={(e) => {
|
|
|
|
| 445 |
selectManual(v.id);
|
| 446 |
}}
|
| 447 |
className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200"
|
| 448 |
+
style={{ position: 'relative', zIndex: 30 }}
|
| 449 |
>
|
| 450 |
Revise
|
| 451 |
</button>
|
|
|
|
| 453 |
type="button"
|
| 454 |
onClick={() => { setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }}
|
| 455 |
className="inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200"
|
| 456 |
+
style={{ position: 'relative', zIndex: 30 }}
|
| 457 |
>
|
| 458 |
Compare
|
| 459 |
</button>
|
|
|
|
| 465 |
})}
|
| 466 |
</SwiperRoot>
|
| 467 |
|
| 468 |
+
{/* External V2 Revise Button removed per user request */}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 469 |
|
| 470 |
{compareUIOpen && (
|
| 471 |
<div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">
|